js map会改变原数组吗|极客笔记

js map会改变原数组吗

在JavaScript中，map()是一个非常常用的数组方法，它用于对数组中的每个元素执行相同的操作，并返回一个新的数组。那么，map()方法会不会改变原始数组呢？本文将对这个问题进行详细解答。

什么是map()方法

首先，让我们来了解一下map()方法的具体定义和作用。map()是Array类型的方法，它对数组中的每个元素调用给定的函数，并将函数的返回值组成一个新的数组返回。例如：

const numbers = [1, 2, 3, 4];
const squaredNumbers = numbers.map(num => num * num);

console.log(squaredNumbers);  // 输出: [1, 4, 9, 16]

在上面的示例中，numbers数组中的每个元素都被平方，并返回一个新的数组squaredNumbers。

map()对原数组的影响

现在让我们来看一下map()方法对原数组的影响。根据JavaScript的官方文档，map()方法不会改变原始数组，而是生成并返回一个新的数组。

这意味着当我们使用map()方法时，原始数组的元素不会被修改。下面的示例可以很好地说明这一点：

const animals = ['dog', 'cat', 'rabbit'];
const upperCaseAnimals = animals.map(animal => animal.toUpperCase());

console.log(animals);          // 输出: ['dog', 'cat', 'rabbit']
console.log(upperCaseAnimals); // 输出: ['DOG', 'CAT', 'RABBIT']

在上面的示例中，原始数组animals没有被修改，而是生成了一个新的数组upperCaseAnimals，其中的元素都被转换成了大写。

map()的回调函数

在map()方法中，我们需要传入一个回调函数作为参数，用来对每个元素进行操作并返回新的值。回调函数接受以下参数：

currentValue: 当前元素的值
index: 当前元素的索引
array: 原始数组

回调函数可以使用这些参数来执行任意操作，并返回一个新的值。例如，将数组中的数字转换为字符串并添加前缀”Number “：

const numbers = [1, 2, 3, 4];
const prefixedNumbers = numbers.map((num, index) => `Number ${num}`);

console.log(prefixedNumbers); // 输出: ['Number 1', 'Number 2', 'Number 3', 'Number 4']

在上面的示例中，回调函数使用模板字符串将数字转换为字符串，并在前面添加了”Number “前缀。

map()方法的链式调用

由于map()方法返回一个新的数组，我们可以将多个map()方法链式调用，对数组进行多次转换。例如，将数组中的数字平方后再转换为字符串：

const numbers = [1, 2, 3, 4];
const squaredAndStringifiedNumbers = numbers.map(num => num * num).map(String);

console.log(squaredAndStringifiedNumbers); // 输出: ['1', '4', '9', '16']

在上面的示例中，我们首先使用map()方法将数字平方，然后再使用map()方法将每个元素转换为字符串。最终得到的数组中的元素均为字符串类型。

使用map()方法改变原数组

尽管map()方法本身不会改变原始数组，但我们可以通过重新赋值的方式改变原数组的元素。例如：

let numbers = [1, 2, 3, 4];
numbers = numbers.map(num => num * num);

console.log(numbers); // 输出: [1, 4, 9, 16]

在上面的示例中，我们通过将map()方法的返回值赋值给原始数组numbers，实现了改变原数组的效果。

需要注意的是，这种方式并不推荐使用，因为它可能会导致代码的可读性和可维护性降低。

总结

map()方法不会改变原始数组，而是生成并返回一个新的数组。
map()方法接受一个回调函数作为参数，用来对每个元素进行操作并返回新的值。
map()方法可以链式调用，并对数组进行多次转换。
虽然map()方法本身不改变原始数组，但我们可以通过重新赋值的方式改变原数组的元素。

js map会改变原数组吗