ES8 新的 Array 方法:Object.entries 和 Object.values

阅读时长 3 分钟读完

ES8 新的 Array 方法:Object.entries 和 Object.values

在 JavaScript 中,数组是一个强大的数据结构,它支持多种方法和操作。ES8 引入了两个新的 Array 方法:Object.entries 和 Object.values。这两个方法可以让我们更方便地处理数组中的数据,并且提高我们的编程效率。

Object.entries 方法

Object.entries 方法返回一个由给定对象的可枚举属性键值对数组a,数组中每个元素是一个包含两个元素的数组,第一个元素是属性名,第二个元素是属性值。属性的顺序与对象的枚举顺序相同。

使用 Object.entries 方法可以非常方便地遍历数组中的元素,而不必要使用索引值。下面是一个简单的示例,演示如何使用 Object.entries 方法来遍历数组:

输出:

通过使用 Object.entries 方法,我们可以一次遍历整个数组,并且不需要使用索引来访问数组元素。

Object.values 方法

Object.values 方法返回一个包含给定对象所有可枚举属性值的数组。

Object.values 方法可以非常方便地获取一个数组中所有的元素,而不需要使用 for 循环或者 map 方法。下面是一个简单的示例,演示如何使用 Object.values 方法来获取数组中的所有元素:

输出:

通过使用 Object.values 方法,我们可以方便地获取数组中所有的元素,并且不需要使用 for 循环或者 map 方法。

总结

ES8 引入了两个非常实用的 Array 方法:Object.entries 和 Object.values。这两个方法可以让我们更方便地处理数组中的数据,并且提高我们的编程效率。在实际编程中,我们可以根据实际需求选择使用适合的方法,来处理我们的数组数据。

代码

-- -------------------- ---- -------
----- --- - ------- ------ ---------

------------------
----- ----------- - --------------------
------------------------- ---------  ----- - - ------ - -- - ------ - -- - -------- - - -

-----------------
----- ------------ - ------------------- 
-------------------------- ---------  ----- - -- -- - -

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64e2f31ff6b2d6eab3e3fcbf

纠错
反馈