js 对象转数组 数组转对象

Object.fromEntries() Object.entries() 是 JavaScript 中的两个方法,它们都用于处理对象中的键值对。它们的区别在于它们的功能和使用方式。

Object.entries() Object.entries() 方法是一个静态方法,它返回一个给定对象自身可枚举属性(不包括继承属性)的键值对数组。该数组中每个元素都是一个具有两个元素的数组,第一个元素表示属性的名称,第二个元素表示属性的值。

以下是一个示例,展示了如何使用 Object.entries() 方法:


javascriptCopy Code

const obj = { name: 'Alice', age: 25, city: 'New York' }; const entries = Object.entries(obj); console.log(entries); // 输出: [['name', 'Alice'], ['age', 25], ['city', 'New York']]

在上面的示例中,我们定义了一个对象 obj,然后通过调用 Object.entries(obj) 方法,将其转换为一个包含键值对的数组 entries

Object.fromEntries() Object.fromEntries() 方法是一个静态方法,它接受一个包含键值对的可迭代对象,然后将这些键值对转换为一个新的对象。

以下是一个示例,展示了如何使用 Object.fromEntries() 方法:


javascriptCopy Code

const entries = [['name', 'Alice'], ['age', 25], ['city', 'New York']]; const obj = Object.fromEntries(entries); console.log(obj); // 输出: { name: 'Alice', age: 25, city: 'New York' }

在上面的示例中,entries 是一个包含三个键值对的数组。通过调用 Object.fromEntries(entries),我们将这些键值对转换为一个新的对象 obj

综上所述,Object.entries() 方法用于将对象转换为数组,而 Object.fromEntries() 方法则用于将数组转换为对象。这两个方法可以互相配合使用,例如对一个对象进行修改之后再将其转换回对象。

你可能感兴趣的:(JS,vue.js,javascript,ecmascript)