在 ES8 中，新增了两个非常实用的方法：Object.entries 和 Object.values。这两个方法可以大大简化我们在处理对象时的操作，提高代码的可读性和可维护性。本文将详细介绍这两个方法的使用方法和注意事项，并提供一些示例代码以供参考。
Object.entries
Object.entries 方法可以将一个对象转化为一个由其属性和属性值组成的数组。其语法如下：
-------------------
其中，obj 表示要转化的对象。
下面是一个简单的示例：
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --------------------- -- ------- ------ --- ----- --- ----- ---
Object.entries 方法将对象 obj 转化为一个由其属性和属性值组成的数组。输出结果为 [['a', 1], ['b', 2], ['c', 3]]。
我们可以使用 for...of 循环遍历这个数组，并对其进行操作。
--- ------ ----- ------ -- -------------------- - -------------------- ----------- - -- ------- -- -- - -- -- - -- -- -
我们也可以使用数组的一些方法来对其进行操作，比如 filter、map、reduce 等。
----- --------------- - --------------------------------- ------- -- ----- - --- ----------------------------- -- ------- ------ --- ----- --- ----- ------------- - ------------------------------ ------- -- ------------------- -------- --------------------------- -- ------- ------ --- ----- --- ----- --- ----- -------------- - -------------------------------- ----- ------- -- - ---------------------- - ------ ------ ---- -- ---- ---------------------------- -- ------- - -- -- -- -- -- - -
Object.entries 方法可以很方便地将一个对象转化为一个由其属性和属性值组成的数组，并可以使用数组的一些方法进行操作。但需要注意的是，Object.entries 方法返回的数组中的元素顺序与对象中属性的顺序一致。
Object.values
Object.values 方法可以将一个对象转化为一个由其属性值组成的数组。其语法如下：
------------------
其中，obj 表示要转化的对象。
下面是一个简单的示例：
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- ------- --- -- --
Object.values 方法将对象 obj 转化为一个由其属性值组成的数组。输出结果为 [1, 2, 3]。
我们可以使用 for...of 循环遍历这个数组，并对其进行操作。
--- ------ ----- -- ------------------- - ------------------- - -- ------- -- - -- - -- -
我们也可以使用数组的一些方法来对其进行操作，比如 filter、map、reduce 等。
----- -------------- - ------------------------------- -- ----- - --- ---------------------------- -- ------- --- -- ----- ------------ - ---------------------------- -- ----- - --- -------------------------- -- ------- --- -- -- ----- ------------- - ------------------------------- ------ -- --- - ------ --- --------------------------- -- ------- -
Object.values 方法可以很方便地将一个对象转化为一个由其属性值组成的数组，并可以使用数组的一些方法进行操作。但需要注意的是，Object.values 方法返回的数组中的元素顺序与对象中属性的顺序无关。
总结
Object.entries 和 Object.values 方法是 ES8 中新增的两个非常实用的方法。它们可以大大简化我们在处理对象时的操作，提高代码的可读性和可维护性。但需要注意的是，Object.entries 方法返回的数组中的元素顺序与对象中属性的顺序一致，而 Object.values 方法返回的数组中的元素顺序与对象中属性的顺序无关。
我们可以使用 for...of 循环遍历这些数组，并对其进行操作，也可以使用数组的一些方法进行操作。在实际开发中，我们可以根据具体需求选择使用哪种方法。
希望本文对大家掌握 Object.entries 和 Object.values 方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66066ac6d10417a2224a24f7