1. 反转数组
在 ES5 中,我们经常使用 Array.prototype.reverse() 方法将一个数组翻转,但是这个方法是会直接改变原数组的,如果不希望改变原数组的话,就需要先拷贝一份。
在 ES6 中,我们可以使用 Array.prototype.reverse() 方法的加强版,即 Array.prototype.slice().reverse(),可以直接返回一个新的反转后的数组,而不会改变原数组。
----- --- - --- -- --- ----- ----------- - ---------------------- ------------------------- -- --- -- -- ----------------- -- --- -- --
2. 数组去重
在 ES5 中,我们经常用 for 循环或者 forEach() 方法来实现数组去重,但是这种方法比较麻烦。
在 ES6 中,我们可以使用 Set 和 Array.from() 方法来快速实现数组去重。
----- --- - --- -- -- -- -- --- ----- --------- - -------------- ---------- ----------------------- -- --- -- --
3. 合并数组
在 ES5 中,我们经常使用 concat() 方法将两个数组合并,但是这个方法会创建一个新的数组,增加了内存占用。
在 ES6 中,我们可以使用展开操作符(...)来合并数组,这个方法不会创建新的数组,而是使用原有的数组进行操作。
----- ---- - --- -- --- ----- ---- - --- -- --- ----- --------- - --------- --------- ----------------------- -- --- -- -- -- -- --
4. 数组分解
在 ES5 中,我们经常使用索引值来分解数组,比较麻烦。
在 ES6 中,我们可以使用数组的解构来直接将数组分解成多个变量。
----- --- - --- -- --- ----- --- -- -- - ---- -------------- -- --- --- - -
5. 数组筛选
在 ES5 中,我们经常使用 filter() 方法筛选符合条件的数据。
在 ES6 中,我们可以使用 find() 方法来查找符合条件的第一个值,并返回。如果没有符合条件的值,返回 undefined。
----- --- - --- -- -- -- -- --- ----- ------ - --------------- -- - ------ ---- - -- --- -------------------- -- -
6. 数组遍历
在 ES5 中,我们经常使用 for 循环或者 forEach() 方法来遍历数组。
在 ES6 中,我们可以使用 for...of 循环来遍历数组,这个方法更加简洁明了。
----- --- - --- -- --- --- ---- ---- -- ---- - ------------------ - -- - - -
7. 数组排序
在 ES5 中,我们经常使用 sort() 方法对数组排序。
在 ES6 中,我们可以使用 Array.prototype.sort() 方法的加强版,即 Array.prototype.sort((a, b) => a - b),可以根据指定的排序方法来排序。
----- --- - --- -- --- --- ----- --------- - ------------ -- -- - - --- ----------------------- -- --- -- -- ---
8. 数组统计
在 ES5 中,我们经常使用 reduce() 方法对数组进行统计。
在 ES6 中,我们可以使用 Array.prototype.reduce() 方法的简化版,即 Array.prototype.includes() 方法,判断一个值是否在数组中存在。
----- --- - --- -- --- ----- ------ - ---------------- -------------------- -- ----
9. 数组映射
在 ES5 中,我们经常使用 map() 方法对数组进行映射。
在 ES6 中,我们可以使用 Array.prototype.flatMap() 方法的加强版,即可以在一个映射操作中生成多个元素。
----- --- - --- -- --- ----- ------ - ------------------ -- - ------ ----- - -- ---- - --- --- -------------------- -- --- -- -- -- -- --
总结
ES6 中对数组的处理方法大大简化了我们的代码,让我们能够更加简单、快速地处理数组数据。参透了这九大用法,足以将数组的操作做到极致,提高开发效率,避免代码冗余。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/647381db968c7c53b00ec97a