在 ES10 中，新增了一个 Array 的实例方法 transform()，它可以对数组进行转换操作，返回一个新的数组。这个方法的使用非常简单，但是其功能却非常强大，可以帮助我们更加高效地处理数组数据。
什么是 Array.transform() 方法
Array.transform() 方法是在 ES10 中新增的一个方法，它的作用是对数组进行转换操作，并返回一个新的数组。该方法的使用非常简单，只需要在数组上调用 transform() 方法，并传入一个转换函数即可。
----- ------ - --- -- -------------------- -- ----- - --- -------------------- -- --- -- --
在上面的例子中，我们调用了 transform() 方法，并传入了一个转换函数 (value) => value * 2，该函数的作用是将数组中的每个元素都乘以 2，然后返回一个新的数组。
Array.transform() 方法的参数
Array.transform() 方法接收一个参数，即转换函数。该函数会被应用到数组的每个元素上，并返回一个新的数组。
转换函数接收三个参数：
value：当前元素的值index：当前元素的索引array：原始数组
----- ------ - --- -- -------------------- ------ ------ -- - ------------------ ------ ------- ------ ----- - -- ---
在上面的例子中，我们传入了一个转换函数，该函数会打印出当前元素的值、索引和原始数组，并将每个元素乘以 2。
Array.transform() 方法的返回值
Array.transform() 方法会返回一个新的数组，该数组的每个元素都是通过转换函数计算得出的结果。
----- ------ - --- -- -------------------- -- ----- - --- -------------------- -- --- -- --
在上面的例子中，我们调用了 transform() 方法，并传入了一个转换函数，该函数将数组中的每个元素都乘以 2。最后，我们得到了一个新的数组 [2, 4, 6]。
Array.transform() 方法的应用场景
Array.transform() 方法可以应用于各种场景，例如：
数组去重
----- --- - --- -- -- -- -- ---
----- ------ - --------------------- ------ ------ -- -
-- --------------------- --- ------ -
------ ------
-
---
-------------------- -- --- -- --在上面的例子中，我们传入了一个转换函数，该函数会判断当前元素是否已经在新的数组中出现过，如果是，则忽略该元素，否则将该元素添加到新的数组中。最后，我们得到了一个去重后的数组 [1, 2, 3]。
数组过滤
----- --- - --- -- -- -- ---
----- ------ - --------------------- -- -
-- ------ - - --- -- -
------ ------
-
---
-------------------- -- --- --在上面的例子中，我们传入了一个转换函数，该函数会判断当前元素是否为偶数，如果是，则将该元素添加到新的数组中。最后，我们得到了一个仅包含偶数的数组 [2, 4]。
数组排序
----- --- - --- -- -- -- -- -- -- -- -- -- --- ----- ------ - --------------------- -- -------------- -------------------- -- --- -- -- -- -- -- -- -- -- -- --
在上面的例子中，我们传入了一个转换函数，该函数会返回当前元素的值，然后对返回的数组进行排序。最后，我们得到了一个排序后的数组 [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]。
总结
Array.transform() 方法是在 ES10 中新增的一个实例方法，它可以对数组进行转换操作，并返回一个新的数组。该方法的使用非常简单，但是其功能却非常强大，可以帮助我们更加高效地处理数组数据。在实际开发中，我们可以根据具体的需求，使用不同的转换函数，来实现各种数组转换操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d876041886fbafa462e2e6