在前端开发中，我们常常需要对数组进行操作，例如筛选、排序、转换等。在 ES6 中，引入了一些方便的数组方法，其中就包括了 map 函数。map 函数可以对数组中的每个元素进行操作，然后将操作后的结果组成一个新的数组返回。在 ES2021 中，map 函数得到了进一步的升级，提供了更加方便的操作方式和更强大的功能。
基本用法
map 函数接受一个回调函数作为参数，这个回调函数可以接受三个参数：当前元素、当前索引和原数组。回调函数中的逻辑会被应用到数组的每个元素上，然后将操作后的结果组成一个新的数组返回。
下面是一个简单的例子，将数组中的每个元素都乘以 2：
const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map((num) => num * 2); console.log(doubledNumbers); // [2, 4, 6, 8, 10]
高级用法
在 ES2021 中，map 函数提供了一些新的功能，让我们可以更加方便地对数组进行操作。
转换对象数组
在之前的版本中，map 函数只能对普通数组进行操作。在 ES2021 中，map 函数可以对对象数组进行操作，并且可以方便地将对象的属性进行转换。
下面是一个例子，将对象数组中的每个对象的 name 属性转换成大写：
-- -------------------- ---- ------- ----- ----- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- -- ----- -------------- - ---------------- -- -- -------- ----- ------------------------ ---- ---------------------------- -- - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- - --
转换多维数组
在之前的版本中，map 函数只能对一维数组进行操作。在 ES2021 中，map 函数可以对多维数组进行操作，并且可以方便地将多维数组转换成一维数组。
下面是一个例子，将二维数组中的所有元素都乘以 2：
-- -------------------- ---- ------- ----- ------ - - --- --- --- --- --- --- -- ----- ------------- - -------------------- -- ------------- -- --- - ---- --------------------------- -- --- -- -- -- --- ---
转换异步操作
在之前的版本中，map 函数只能同步地对数组进行操作。在 ES2021 中，map 函数可以支持异步操作，并且可以方便地将异步操作的结果组成一个新的数组返回。
下面是一个例子，使用 Promise 对象对数组中的每个元素进行异步操作：
-- -------------------- ---- ------- ----- ---- - - ----------------------------------------------- ----------------------------------------------- ----------------------------------------------- -- ----- ---------- - ----- ----- -- - ----- -------- - ----- ----------- ----- ---- - ----- ---------------- ------ ----------- -- ----- ------ - ----- ---------------------------------- -------------------- -- ------ --- ----------- ---- --- ------ --- --------- -----
总结
在 ES2021 中，map 函数提供了更加方便的操作方式和更强大的功能。我们可以使用 map 函数来对数组进行转换操作，包括转换对象数组、转换多维数组和转换异步操作。使用 map 函数可以帮助我们更加高效地进行数组操作，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/657d778cd2f5e1655d84e088