前端开发中，我们常常需要处理数组数据，例如对数组中的元素进行筛选、查找、排序、聚合等操作，以达成我们想要的数据处理目标。ES6 中提供了 map 与 filter 方法，这些方法可以快速地对数组进行处理，而且操作简便，让我们能够更加便捷地解决数据处理问题。
Map 方法
map 方法的作用是遍历数组，并且针对数组中的每个元素执行一个回调函数，最终返回一个新的数组。map 方法的语法如下：
------------------- ---------
其中 callback 函数接收三个参数：
- currentValue：表示当前处理的元素。
- index：表示当前元素的在数组中的索引。
- array：表示当前数组对象。
而可选参数 thisArg，表示执行回调函数时，用于绑定 this 的值。
下面，让我们通过一些案例，学习如何使用 map 方法。
将数组元素翻倍
----- --- - --- -- -- -- --- ----- ------ - ------------ -- ---- - --- -------------------- -- --- -- -- -- ---
翻转字符串数组
----- --- - --------- --------- ----- ------ - ------------ -- ----------------------------------- -------------------- -- --------- --------
Filter 方法
filter 方法的作用是遍历数组，并且通过回调函数的返回值来筛选出符合要求的元素，最终返回一个新的数组。filter 的语法如下：
---------------------- ---------
其中 callback 函数同样接收三个参数，和 map 方法一样。而可选参数 thisArg 表示执行回调函数时，用于绑定 this 的值。
下面，让我们通过一些案例，学习如何使用 filter 方法。
从数组中过滤出偶数
----- --- - --- -- -- -- --- ----- ------ - --------------- -- ---- - - --- --- -------------------- -- --- --
过滤出包含指定字符的元素
----- --- - --------- --------- ---------- ----- ------ - --------------- -- -------------------- -------------------- -- --------- ---------
总结
本文介绍了 ES6 中的 map 与 filter 方法，这些方法能够快速地处理数组数据，使得我们能够更加便捷地解决数组处理问题。在实践过程中，我们应该多多使用这些方法，从而提升我们的开发效率。
完整示例代码如下：
-- ---- ------- ----- ---- - --- -- -- -- --- ----- ------- - ------------- -- ---- - --- --------------------- -- --- -- -- -- --- -- ---- ------- ----- ---- - --------- --------- ----- ------- - ------------- -- ----------------------------------- --------------------- -- --------- -------- -- ------- ----- ----- ---- - --- -- -- -- --- ----- ------- - ---------------- -- ---- - - --- --- --------------------- -- --- -- -- ------- ------------ ----- ---- - --------- --------- ---------- ----- ------- - ---------------- -- -------------------- --------------------- -- --------- ---------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64d1b0aab5eee0b5258f1a17