在前端开发中，我们经常需要操作对象。ES6 中提供了很多方便的操作对象的方法，比如 Object.keys()、Object.assign() 等等。而在 ES8 中，又新增了两个非常实用的方法：Object.values() 和 Object.entries()。
Object.values()
Object.values() 方法返回一个给定对象自身可枚举属性的值的数组，按照相同顺序排列。简单来说，就是把对象的值转换成数组。
下面是一个示例代码：
-- -------------------- ---- ------- ----- --- - - -- -------- -- ---- -- ---- -- ----- ------ - ------------------- -------------------- -- --------- ---- -----
在这个示例中，我们定义了一个对象 obj，包含了三个属性。然后我们使用 Object.values() 方法将这个对象的值转换成了一个数组，并打印出来。
Object.values() 方法非常方便，可以用来遍历对象的值，而不需要遍历对象的属性名。比如，我们可以使用 Object.values() 方法来计算一个对象的所有值的和：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- --- - ------------------------------- ---- -- --- - ----- ----------------- -- -
在这个示例中，我们定义了一个对象 obj，包含了三个属性。然后我们使用 Object.values() 方法将这个对象的值转换成了一个数组，并使用 reduce() 方法计算了这个数组的和。
Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，按照相同顺序排列。简单来说，就是把对象的键值对转换成数组。
下面是一个示例代码：
-- -------------------- ---- ------- ----- --- - - -- -------- -- ---- -- ---- -- ----- ------- - -------------------- --------------------- -- ------ --------- ----- ----- ----- ------
在这个示例中，我们定义了一个对象 obj，包含了三个属性。然后我们使用 Object.entries() 方法将这个对象的键值对转换成了一个数组，并打印出来。
Object.entries() 方法非常方便，可以用来遍历对象的键值对。比如，我们可以使用 Object.entries() 方法来计算一个对象的所有值的和：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- --- - -------------------------------- ----- ----- -- --- - ---- --- ----------------- -- -
在这个示例中，我们定义了一个对象 obj，包含了三个属性。然后我们使用 Object.entries() 方法将这个对象的键值对转换成了一个数组，并使用 reduce() 方法计算了这个数组的值的和。
总结
Object.values() 和 Object.entries() 是 ES8 中新增的两个非常实用的方法。它们可以方便地将对象的值或者键值对转换成数组，从而方便地进行遍历和计算。这两个方法的使用非常简单，但是却可以大大提高我们的开发效率。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d98e611886fbafa4712039