迹忆客 专注技术分享

要以相反的顺序在数组上使用 map() 方法：

1. 使用 slice() 方法获取数组的副本。
2. 使用 reverse() 方法反转复制的数组。
3. 在反转数组上调用 map() 方法。

const arr = ['a', 'b', 'c'];

const mapReverse1 = arr
  .slice(0)
  .reverse()
  .map(element => {
    return element;
  });

console.log(mapReverse1); // 👉️ ['c', 'b', 'a']

第一步是使用 Array.slice 方法创建数组的浅表副本。

我们这样做是因为 Array.reverse 方法就地更改了原始数组的内容。

我们传递给 slice 方法的唯一参数是起始索引——要包含在新数组中的第一个元素的索引。

通过传递 start 索引 0 且没有 stop 索引，我们创建了原始数组的浅表副本，我们可以将其反转。

const arr = ['a', 'b', 'c'];

const copy = arr.slice(0);
console.log(copy); // 👉️ ['a', 'b', 'c']

reverse() 方法原地反转数组并返回结果。

const arr = ['a', 'b', 'c'];

const reversed = arr.reverse();
console.log(reversed); // 👉️ ['c', 'b', 'a']

console.log(arr); // 👉️ ['c', 'b', 'a']

请注意 ，存储在 arr 变量中的原始数组也被反转了。

这就是我们提前创建浅表副本的原因——以避免更改原始数组。

最后一步是对反向数组使用 Array.map 方法。

另一种方法是使用扩展语法 ... 创建数组的浅表副本。

要以相反的顺序在数组上使用 map() 方法：

1. 使用扩展语法 (...) 获取数组的副本。
2. 使用 reverse() 方法反转复制的数组。
3. 在反转数组上调用 map() 方法。

const arr = ['a', 'b', 'c'];

const mapReverse2 = [...arr].reverse().map(element => {
  return element;
});

console.log(mapReverse2); // 👉️ ['c', 'b', 'a']

扩展语法 (...) 将原始数组中的值解包到一个新数组中，创建一个浅表副本。

然后我们反转副本以避免改变原始数组并在反转数组上调用 map() 方法。

这种方法比使用 slice() 方法更简洁。

选择哪种方法是个人喜好的问题。 我会选择扩展语法，因为它更具可读性和直观性，尤其是在代码读者不熟悉 slice 方法采用的参数的情况下。