Object.entries 作用

yqcoder2024-08-24 5:04

一、将对象转换为键值对数组

它返回一个给定对象自身可枚举属性的键值对数组。

javascript 复制代码

const obj = { a: 1, b: 2, c: 3 };

const entries = Object.entries(obj);

console.log(entries);

// [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]

二、配合数组方法进行操作

由于 Object.entries() 返回的是一个数组，可以结合数组的各种方法进行操作。

javascript 复制代码

const obj = { a: 1, b: 2, c: 3 };

const doubledEntries = Object.entries(obj).map(([key, value]) => [

  key,

  value * 2,

]);

console.log(doubledEntries);

// [ [ 'a', 2 ], [ 'b', 4 ], [ 'c', 6 ] ]

三、用于对象的迭代和转换

在一些复杂的数据处理场景中，可以使用 Object.entries() 将对象转换为易于操作的数组形式，然后进行各种操作后再转换回对象。例如：

javascript 复制代码

const obj = { a: 1, b: 2, c: 3 };

const newObj = Object.fromEntries(

  Object.entries(obj).map(([key, value]) => [key, value * 2])

);

console.log(newObj);

// { a: 2, b: 4, c: 6 }