映射数组的元素然后执行操作 - Javascript

在JavaScript中，有时我们需要对一个数组进行一些操作并返回一个新的数组，而不是改变原有的数组。这就是映射操作，它能够对数组进行一定的转换并返回一个新的数组。

什么是映射？

映射就是对一个数组的每一个元素应用一个函数，然后将函数的返回值组成一个新的数组。

在JavaScript中，我们可以使用Array.map()函数来实现映射操作。这个函数会返回一个新的数组，其中每个元素都是将原数组中的对应元素应用映射函数后的结果。

const numbers = [1, 2, 3];
const squares = numbers.map(num => num * num);
console.log(squares); // [1, 4, 9]

在上面的例子中，我们使用Array.map()函数对一个数组中的元素进行平方操作并返回新的数组。这个函数接收一个函数作为参数，这个函数会在数组的每个元素上被调用。

const squares = numbers.map(function(num) {
  return num * num;
});

以上是另一种常见的写法，使用了一个传统的函数定义。这里的函数返回值与简短语法写法是等价的。

映射操作的应用

映射操作在JavaScript中非常常见，它可以帮助我们解决很多问题。以下是几个映射操作的实际应用：

1. 把字符串数组转换为数字数组

const stringArray = ["1", "2", "3"];
const numberArray = stringArray.map(str => parseInt(str));
console.log(numberArray); // [1, 2, 3]

在上面的例子中，我们使用parseInt()函数将一个字符串数组转换成了一个数字数组。

2. 找出字符串数组中每个字符串的长度

const stringArray = ["apple", "banana", "cherry"];
const lengths = stringArray.map(str => str.length);
console.log(lengths); // [5, 6, 6]

在上面的例子中，我们使用Array.map()函数找出了一个字符串数组中每个字符串的长度。

3. 转换日期格式

const dateArray = ["2020-01-01", "2020-02-02", "2020-03-03"];
const formattedDateArray = dateArray.map(date => new Date(date).toLocaleDateString());
console.log(formattedDateArray); // ["1/1/2020", "2/2/2020", "3/3/2020"]

在上面的例子中，我们使用Array.map()函数将一个日期格式的字符串数组转换成了一个本地格式的日期字符串数组。

总结

映射是一个非常有用的数组操作，它能够对数组进行一定的转换并返回一个新的数组。在JavaScript中，我们可以使用Array.map()函数来实现映射操作。无论你是需要对一个字符串数组转换成数字数组，还是需要转换日期格式，映射操作都为你提供了一种优雅的解决方法。