ES9 中新增的 Object.entries() 和 Object.values() 方法的使用方法

ES9 中新增的 Object.entries() 和 Object.values() 方法的使用方法

在 ES9 中，JavaScript 新增了一些非常实用的方法，其中包括 Object.entries() 和 Object.values() 方法。这两个方法可以帮助我们更加方便地处理对象的属性和值，让我们更加高效地编写代码。

Object.entries() 方法可以将一个对象转化为一个包含键值对的数组，其中每个键值对都是一个数组，第一个元素是属性名，第二个元素是属性值。这个方法可以让我们更加方便地遍历对象的属性。

下面是一个使用 Object.entries() 方法的示例代码：

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries); // [["a", 1], ["b", 2], ["c", 3]]

在这个示例中，我们先定义了一个对象 obj，然后使用 Object.entries() 方法将这个对象转化为一个数组 entries。最后我们使用 console.log() 方法输出了这个数组。可以看到，输出的数组中包含了 obj 对象的所有属性和值。

Object.values() 方法则可以将一个对象的所有属性值转化为一个数组。这个方法可以让我们更加方便地遍历对象的属性值。

下面是一个使用 Object.values() 方法的示例代码：

const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values); // [1, 2, 3]

在这个示例中，我们同样定义了一个对象 obj，然后使用 Object.values() 方法将这个对象的属性值转化为一个数组 values。最后我们使用 console.log() 方法输出了这个数组。可以看到，输出的数组中包含了 obj 对象的所有属性值。

这两个方法的使用非常简单，但是它们可以让我们在处理对象时更加高效。在实际开发中，我们可以使用这两个方法来处理对象的属性和属性值，从而更加方便地编写代码。

总结

ES9 中新增的 Object.entries() 和 Object.values() 方法可以帮助我们更加方便地处理对象的属性和属性值。使用这两个方法可以让我们更加高效地编写代码。在实际开发中，我们可以使用这两个方法来处理对象的属性和属性值，从而更加方便地编写代码。

参考文献

• https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
• https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/values

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