ES7 中的 Object.entries() 方法

Object.entries() 是 ES7 中新增的一个方法，它返回一个给定对象自身可枚举属性的键值对数组。该方法的语法如下：

Object.entries(obj)

其中 obj 是要被查询的对象。如果 obj 是一个数组，则数组的下标会作为键返回。

示例

下面是一个 Object.entries() 的示例：

const obj = { 'first': 1, 'second': 2, 'third': 3 };
console.log(Object.entries(obj));
// Output: [['first', 1], ['second', 2], ['third', 3]]

以上代码会输出一个包含 obj 对象所有键值对的数组。

遍历对象

Object.entries() 方法可以像 for-in 循环一样遍历对象的键值对。下面是一个示例：

// javascriptcn.com 代码示例
const obj = { 'a': 1, 'b': 2, 'c': 3 };

for (const [key, value] of Object.entries(obj)) {
    console.log(key, value);
}

// Output:
// "a" 1
// "b" 2
// "c" 3

在上述示例中，我们使用了解构赋值将每个对象的键和值存储在不同的变量中，并打印了输出。

将对象转化成 Map

Object.entries() 方法可以方便地将一个对象转化为 Map。下面是一个示例：

const obj = { 'first': 1, 'second': 2, 'third': 3 };
const map = new Map(Object.entries(obj));

console.log(map); // Output: Map(3) { 'first' => 1, 'second' => 2, 'third' => 3 }

在上述示例中，我们使用了 Object.entries() 方法生成一个二维数组，并将它传递给了 Map 构造函数。这样我们就可以方便地将一个对象转换为 Map。

总结

Object.entries() 方法是一个非常实用的方法，它可以方便地遍历对象的键值对，并且可以将一个对象转换为 Map。我们可以将其与解构赋值来使用，也可以像 for-in 循环一样使用它。在实际开发中，我们可以使用它来处理各种对象，以便于进行多种操作。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6548a0d47d4982a6eb2e53dc