在 ES10 中,新增了一个非常实用的方法 Object.fromEntries()
,它可以将一个由键值对数组构成的数组转换为一个对象。
什么是 Object.fromEntries() 方法
Object.fromEntries()
方法是 ES10 中新增的方法,它可以将一个由键值对数组构成的数组转换为一个对象。它的语法如下:
Object.fromEntries(iterable)
其中,iterable
是一个可迭代的对象,例如数组、Map、Set 等。
如何使用 Object.fromEntries() 方法
使用 Object.fromEntries()
方法非常简单,只需要传入一个由键值对数组构成的数组,就可以得到一个对应的对象。
例如,我们有一个由键值对数组构成的数组:
const arr = [['name', 'Tom'], ['age', 18], ['gender', 'male']];
我们可以使用 Object.fromEntries()
方法将它转换为一个对象:
const obj = Object.fromEntries(arr); console.log(obj); // {name: 'Tom', age: 18, gender: 'male'}
Object.fromEntries() 方法的指导意义
使用 Object.fromEntries()
方法可以方便地将一个由键值对数组构成的数组转换为一个对象,这在实际开发中非常实用。
例如,我们可以使用 Object.fromEntries()
方法将 URLSearchParams 对象转换为一个对象:
const params = new URLSearchParams('name=Tom&age=18&gender=male'); const obj = Object.fromEntries(params.entries()); console.log(obj); // {name: 'Tom', age: '18', gender: 'male'}
另外,Object.fromEntries()
方法还可以用于将 Map 对象转换为一个对象:
const map = new Map([['name', 'Tom'], ['age', 18], ['gender', 'male']]); const obj = Object.fromEntries(map); console.log(obj); // {name: 'Tom', age: 18, gender: 'male'}
Object.fromEntries() 方法的示例代码
下面是一个使用 Object.fromEntries()
方法的示例代码:
-- -------------------- ---- ------- ----- --- - --------- ------- ------- ---- ---------- --------- ----- --- - ------------------------ ----------------- -- ------ ------ ---- --- ------- ------- ----- ------ - --- ----------------------------------------------- ----- ---- - ------------------------------------- ------------------ -- ------ ------ ---- ----- ------- ------- ----- --- - --- ------------- ------- ------- ---- ---------- ---------- ----- ---- - ------------------------ ------------------ -- ------ ------ ---- --- ------- -------
总结
Object.fromEntries()
方法是 ES10 中新增的方法,它可以将一个由键值对数组构成的数组转换为一个对象。使用 Object.fromEntries()
方法可以方便地将 URLSearchParams 对象、Map 对象等转换为对象,这在实际开发中非常实用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6603763fd10417a222fdde90