在 ES7 中，JavaScript 新增了两个有用的方法 Object.entries 和 Object.values，它们可以让我们更轻松地遍历对象的属性，并且可以用于各种场合。
Object.entries
Object.entries 方法返回一个给定对象自身可枚举属性的键值对数组，数组中的每个元素都是一个形如 [key, value] 的数组。这个方法非常适合遍历对象的属性，特别是当我们需要对对象进行排序、过滤或者转换时。
下面是一个简单的示例，演示了如何使用 Object.entries 方法遍历对象的属性：
----- --- - - ---- ------ ---- -- -- ----- ------- - -------------------- --------------------- -- ------- - ------- ------- ------- --- -
我们可以看到，Object.entries 方法将对象转换成了一个数组，数组中的每个元素都是一个键值对数组。
Object.values
Object.values 方法返回一个给定对象自身可枚举属性的值的数组。这个方法非常适合用于获取对象中的所有值，特别是当我们需要对对象进行过滤或者转换时。
下面是一个简单的示例，演示了如何使用 Object.values 方法获取对象中的所有值：
----- --- - - ---- ------ ---- -- -- ----- ------ - ------------------- -------------------- -- ------- - ------ -- -
我们可以看到，Object.values 方法将对象转换成了一个数组，数组中的每个元素都是对象的值。
使用示例
下面是一个使用 Object.entries 和 Object.values 方法的示例，演示了如何对对象进行排序、过滤和转换：
----- --- - - -- -- -- -- -- - -- -- -- -------------- ------------------- ----- ------------- - ---------------------------- -- -- ---- - ------ --------------------------- -- ------- - ----- --- ----- --- ----- -- - -- -- ------------- ------------------ - -- ----- -------------- - ------------------------------- -- ----- - --- ---------------------------- -- ------- - - - -- -- -------------- - ------------------ ----------- ----- --------------- - ----------------------------- -- ---------- ----------- ----- ----------- - ------------------------------------ ------------------------- -- ------- - ---- ---- ---- ---- ---- --- -
我们可以看到，Object.entries 和 Object.values 方法可以用于各种场合，从而让我们更轻松地遍历对象的属性，并且可以用于对对象进行排序、过滤或者转换。
总结
在本文中，我们介绍了 ES7 中的 Object.entries 和 Object.values 方法，它们可以让我们更轻松地遍历对象的属性，并且可以用于各种场合。我们还提供了一些使用示例，演示了如何对对象进行排序、过滤和转换。希望这篇文章能够帮助你更好地理解这两个方法，以及如何在实际开发中使用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66110362d10417a2221b40ce