ES8 新的 Array 方法:Object.entries 和 Object.values
在 JavaScript 中,数组是一个强大的数据结构,它支持多种方法和操作。ES8 引入了两个新的 Array 方法:Object.entries 和 Object.values。这两个方法可以让我们更方便地处理数组中的数据,并且提高我们的编程效率。
Object.entries 方法
Object.entries 方法返回一个由给定对象的可枚举属性键值对数组a,数组中每个元素是一个包含两个元素的数组,第一个元素是属性名,第二个元素是属性值。属性的顺序与对象的枚举顺序相同。
使用 Object.entries 方法可以非常方便地遍历数组中的元素,而不必要使用索引值。下面是一个简单的示例,演示如何使用 Object.entries 方法来遍历数组:
const arr = ['apple', 'pear', 'banana']; for (const [index, value] of Object.entries(arr)) { console.log(`${index}: ${value}`); }
输出:
0: apple 1: pear 2: banana
通过使用 Object.entries 方法,我们可以一次遍历整个数组,并且不需要使用索引来访问数组元素。
Object.values 方法
Object.values 方法返回一个包含给定对象所有可枚举属性值的数组。
Object.values 方法可以非常方便地获取一个数组中所有的元素,而不需要使用 for 循环或者 map 方法。下面是一个简单的示例,演示如何使用 Object.values 方法来获取数组中的所有元素:
const arr = ['apple', 'pear', 'banana']; const values = Object.values(arr); console.log(values);
输出:
["apple", "pear", "banana"]
通过使用 Object.values 方法,我们可以方便地获取数组中所有的元素,并且不需要使用 for 循环或者 map 方法。
总结
ES8 引入了两个非常实用的 Array 方法:Object.entries 和 Object.values。这两个方法可以让我们更方便地处理数组中的数据,并且提高我们的编程效率。在实际编程中,我们可以根据实际需求选择使用适合的方法,来处理我们的数组数据。
代码
-- -------------------- ---- ------- ----- --- - ------- ------ --------- ------------------ ----- ----------- - -------------------- ------------------------- --------- ----- - - ------ - -- - ------ - -- - -------- - - - ----------------- ----- ------------ - ------------------- -------------------------- --------- ----- - -- -- - -
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64e2f31ff6b2d6eab3e3fcbf