ES9 中引入了一个新的方法 Object.fromEntries()
,它可以将一个由键值对组成的二维数组转换成一个对象。这个方法在处理一些数据时非常有用,特别是在前端开发中。
什么是 Object.fromEntries()?
Object.fromEntries()
是一个静态方法,它接收一个由键值对组成的二维数组作为参数,并返回一个由这些键值对组成的对象。这个方法可以将一个数组转换成一个对象,而且可以处理一些特殊的数据格式。
数组转对象再转数组
在前端开发中,我们经常需要将一个数组转换成一个对象,再将这个对象转换成一个数组。这个过程通常需要使用一些循环和条件判断来实现。而使用 Object.fromEntries()
方法可以更加简单和高效地实现这个过程。
数组转对象
假设有一个由键值对组成的二维数组:
const arr = [['name', 'xiaoming'], ['age', 18]];
我们可以使用 Object.fromEntries()
方法将这个数组转换成一个对象:
const obj = Object.fromEntries(arr); // { name: 'xiaoming', age: 18 }
这样,我们就将一个数组转换成了一个对象。
对象转数组
假设有一个对象:
const obj = { name: 'xiaoming', age: 18 };
我们可以使用 Object.entries()
方法将这个对象转换成一个由键值对组成的二维数组:
const arr = Object.entries(obj); // [['name', 'xiaoming'], ['age', 18]]
这样,我们就将一个对象转换成了一个数组。
示例代码
-- -------------------- ---- ------- -- ----- ----- --- - --------- ------------ ------- ----- ----- --- - ------------------------ ----------------- -- - ----- ----------- ---- -- - -- ----- ----- ---- - - ----- ----------- ---- -- -- ----- ---- - --------------------- ------------------ -- --------- ------------ ------- ----
总结
Object.fromEntries()
方法是一个非常有用的方法,它可以将一个由键值对组成的二维数组转换成一个对象。这个方法可以让我们更加简单和高效地处理一些特殊的数据格式。在前端开发中,我们经常需要将一个数组转换成一个对象,再将这个对象转换成一个数组,这个过程可以使用 Object.fromEntries()
方法来实现。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/66333546d3423812e40caca4