在前端开发中，我们经常需要获取对象中的值或者键值对，在 ES9 中新增的 “Object.values” 和 “Object.entries” 就为开发者提供了更加便捷的方式来获取对象的值和键值对。
Object.values
“Object.values” 方法可以从一个对象中获取所有的值，并返回一个数组。下面是使用 “Object.values” 方法获取对象值的示例代码：
----- ------ - - ---------- ------- --------- ------ ---- -- -- ----------------------------------- -- ------- -------- ------ ---
从上面的示例代码可以看出，我们只需要传入一个对象作为参数，就可以得到该对象中所有的值，返回的结果是一个包含所有值的数组。
Object.entries
“Object.entries” 方法同样可以从一个对象中获取键值对，并返回一个数组。下面是使用 “Object.entries” 方法获取对象键值对的示例代码：
----- ------ - - ---------- ------- --------- ------ ---- -- -- ------------------------------------ -- ------- -------------- -------- ------------ ------- ------- ----
从上面的示例代码可以看出，我们同样只需要传入一个对象作为参数，就可以得到该对象中所有的键值对，返回的结果是一个包含所有键值对的二维数组。
案例应用
我们在实际项目开发中可以使用 “Object.values” 方法来获取对象中的值，并将其转换为 JSON 字符串，以便进行数据序列化和传输。示例代码如下：
----- ------ - - ---------- ------- --------- ------ ---- -- -- ----- ---- - -------------------------------------- ------------------ -- ------- -------------------
同样的，我们可以使用 “Object.entries” 方法来遍历对象中的所有键值对，并执行相应的操作。示例代码如下：
----- ------ - - ---------- ------- --------- ------ ---- -- -- ------------------------------------- ------- -- - -------------------- ----------- --- -- ------- ----------- ----- ---------- ---- ----- ---
总结
通过本文，我们了解了 ES9 中 “Object.values” 和 “Object.entries” 方法的使用，以及它们在实际开发中的应用。同时我们也可以看到，这两个方法都极大的简化了我们在对对象进行处理时的代码量，为开发者提供了更加便捷的处理方式。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66436a80d3423812e416aa28