在 JavaScript 中，我们经常需要将多个对象合并为一个对象。在 ES6 中，我们可以使用 Object.assign() 方法来实现这个功能。但是，Object.assign() 方法只能复制对象的属性值，而不能复制属性的描述符。如果我们需要复制对象的属性描述符，例如属性的可枚举性、可配置性、可写性等等，我们需要使用 Object.getOwnPropertyDescriptors() 方法。
然而，使用 Object.getOwnPropertyDescriptors() 方法有一个缺点，就是它的返回值是一个包含所有属性描述符的对象。如果我们只需要获取对象的属性值，而不需要属性描述符，那么我们就需要再次遍历这个对象，提取属性值。这样做既浪费时间，又降低了代码的可读性。
在 ES8 中，我们可以使用 Object.values() 方法或者 valueOf 方法来解决这个问题。这两个方法都可以提取对象的属性值，并且不包含属性描述符。
Object.values() 方法
Object.values() 方法返回一个包含对象所有可枚举属性值的数组。例如：
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
我们可以使用这个方法来合并多个对象：
----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ------ - ----------------- --------- ----- ----------------------------------------- --- -- -- ---- - ----- -------------------- -- - -- -- -- -- -- -- -- -- -- -- -- - -
上面的代码中，我们先将多个对象转换为一个包含键值对的数组，然后使用 flat() 方法将这个数组扁平化，最后使用 map() 方法将键值对数组转换为包含单个键值对的对象。最终，我们使用 Object.assign() 方法将所有的对象合并到一个新对象中。
这种方法的缺点是需要使用多个方法和高阶函数，代码比较冗长，可读性也不太好。
valueOf 方法
在 JavaScript 中，所有的对象都有一个 valueOf 方法，它返回对象的原始值。对于普通的对象，这个方法返回对象本身。但是，对于 Date 对象、RegExp 对象等等，这个方法返回的是对象的原始值。
我们可以使用 valueOf 方法来提取对象的属性值，例如：
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------------ -- -------------------- -------------------- -- --- -- --
上面的代码中，我们先使用 Object.keys() 方法获取对象的所有键名，然后使用 map() 方法遍历所有的键名，提取每个键名对应的属性值的原始值。
我们可以使用这个方法来合并多个对象：
----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ------ - ----------------- --------- ----- ------------- -- ----------------------------- ---- -- -- ------- ------ ------------------ --- ------ -------------------- -- - -- -- -- -- -- -- -- -- -- -- -- - -
上面的代码中，我们首先使用 map() 方法将多个对象转换为只包含属性值的对象，然后使用 reduce() 方法将所有的对象合并到一个新对象中。
这种方法的优点是代码比较简洁，可读性比较好。
总结
在 ES8 中，我们可以使用 Object.values() 方法或者 valueOf 方法来提取对象的属性值，并且不包含属性描述符。这两种方法都可以用于合并多个对象，但是使用 valueOf 方法比较简洁，可读性也比较好。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6583d212d2f5e1655de9c34a