在 ES8 中，一个新的方法 Object.entries() 被加入了 JavaScript 标准库。这个方法可以简化遍历对象中的属性和对应的值，并且可以方便地将这些属性和值转换成数组形式。
如何使用 Object.entries()
Object.entries() 可以将一个对象转换成一个可迭代数组，其中每个元素都是一个属性和其对应的值。
以下是一个简单的使用示例：
const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]在这个例子中，Object.entries(obj) 返回一个数组，其中包含了对象 obj 中的所有属性和值。
注：返回的数组中每个元素都是一个具有两个元素的数组。其中的第一个元素是属性名，第二个元素是对应的值。
如果你期望遍历一个对象的属性和值，可以使用数组的 forEach() 方法来完成：
const obj = { foo: 'bar', baz: 42 };
Object.entries(obj).forEach(([key, value]) => {
console.log(`${key}: ${value}`);
});
// 输出:
// foo: bar
// baz: 42在这个示例中，我们使用了Object.entries()将对象obj转换成数组，然后使用forEach()方法来遍历这个数组中的每一个元素，用数组解构将属性和值分别赋值给变量key和value，最终将它们打印到控制台上。
Object.entries() 的应用场景
Object.entries() 方法可以用在各种场景中，以下是一些常见的应用场景：
1. 对象属性的遍历
如果你要遍历一个对象的所有属性，可以使用Object.entries()方法来轻松地遍历它们。例如：
const obj = { foo: 'bar', baz: 42 };
for (let [key, value] of Object.entries(obj)) {
console.log(`${key}: ${value}`);
}
// 输出：
// foo: bar
// baz: 42这个例子中，我们使用了Object.entries()方法来获取一个对象obj中所有的属性值，并使用for...of循环遍历它们。在每个循环中，key变量保存了当前属性的键名，value变量保存了当前属性的值。
2. 对象的映射操作
使用Object.entries()方法可以很容易地将一个对象转换成一个Map实例，例如：
const obj = { foo: 'bar', baz: 42 };
const map = new Map(Object.entries(obj));
console.log(map.get('foo')); // 输出：bar
console.log(map.get('baz')); // 输出：42在这个例子中，我们首先使用Object.entries()方法将对象obj转换成数组，然后通过数组的构造函数将这个数组转换成了一个Map实例。现在，我们可以使用Map实例的get()方法获取对应的属性值。
ES8 中新增的其它方法
除了Object.entries()方法，ES8 还引入了其它一些有用的新功能，例如：
- Async/Await（异步程序设计模式）
- SharedArrayBuffer 和 Atomics（多线程编程支持）
- 字符串填充（Padding）
- 一些新的方法和操作符，例如：
Object.values(): 它可以获取一个对象所有属性值并返回一个数组，返回数组的顺序与属性在对象中出现的顺序相同。
const obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // [ 'bar', 42 ]Object.getOwnPropertyDescriptors(): 它可以获取一个对象所有属性的描述符并返回一个新的对象。
const obj = { foo: 'bar', baz: 42 };
console.log(Object.getOwnPropertyDescriptors(obj)); // { foo: {...}, baz: {...} }结论
Object.entries()方法是一个十分有用的 JavaScript 新特性，它可以帮助我们更加方便地遍历对象的属性和值。同时，新特性也让开发者更加容易地处理对象，提高了开发的效率。
因此，使用 ES8 中新增的方法来优化代码已经变得非常必要，它能够帮助开发者写出更高效、更简洁、更优雅的代码，提升开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674d2304a336082f25493f83