在ES8中，JavaScript增加了两个新的Object方法：Object.values()和Object.entries()。这两个方法都是用于处理对象的属性，并返回一个由属性值或键值对组成的数组。本文将详细讲解这两个新方法的用法和指导意义。
Object.values()
Object.values()方法接受一个对象作为参数，并返回该对象所有属性值的数组。下面是一个例子：
const obj = {a: 1, b: 2, c: 3};
const values = Object.values(obj);
console.log(values); // [1, 2, 3]在这个例子中，Object.values()方法返回一个由对象{a: 1, b: 2, c: 3}的所有属性值组成的数组[1, 2, 3]。
Object.values()方法非常有用，因为它可以方便地遍历对象的所有属性值。例如，你可以使用它来计算对象的总和：
const obj = {a: 1, b: 2, c: 3};
const values = Object.values(obj);
const sum = values.reduce((total, value) => total + value, 0);
console.log(sum); // 6在这个例子中，我们使用Object.values()方法来获取对象的所有属性值，然后使用reduce()方法计算它们的总和。
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]]在这个例子中，Object.entries()方法返回一个由对象{a: 1, b: 2, c: 3}的所有键值对组成的数组[['a', 1], ['b', 2], ['c', 3]]。
Object.entries()方法非常有用，因为它可以方便地遍历对象的所有属性。例如，你可以使用它来打印对象的所有属性和值：
-- -------------------- ---- ------- ----- --- - --- -- -- -- -- --- ----- ------- - -------------------- --- ------ ----- ------ -- -------- - -------------------- ----------- - -- --- -- -- - -- -- - -- -- -
在这个例子中，我们使用Object.entries()方法来获取对象的所有键值对，并使用for...of循环遍历它们，最终打印出每个属性的名称和值。
总结
Object.values()和Object.entries()方法是ES8中的新特性，它们都非常有用，可以方便地处理对象的属性。Object.values()方法返回一个由对象的所有属性值组成的数组，而Object.entries()方法返回一个由键值对组成的数组。你可以使用这两个方法来遍历对象的属性，并进行各种操作，例如计算属性值的总和、打印属性和值等。
如果你正在学习JavaScript或者前端开发，那么Object.values()和Object.entries()方法是非常有用的。它们可以提高你的开发效率，并帮助你更好地理解JavaScript中对象的概念和用法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650beaf795b1f8cacd5fb3a1