数组 map
时间: 2023-07-03 10:05:27 浏览: 89
数组的 map 方法是 JavaScript 中常见的数组方法之一,它会对数组中的每一个元素应用一个回调函数,并将回调函数的返回值组成一个新的数组返回。下面是一个简单的例子:
```javascript
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(number => number * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
```
在上面的例子中,我们定义了一个 `numbers` 数组,然后使用 `map` 方法对数组中的每一个元素进行乘以 2 的操作,并将得到的新数组赋值给 `doubledNumbers` 变量。最后,我们使用 `console.log()` 方法输出了 `doubledNumbers` 数组的值。
需要注意的是,`map` 方法不会改变原数组,而是返回一个新的数组。同时,我们也可以在回调函数中访问当前元素的索引和原数组本身。例如:
```javascript
const fruits = ['apple', 'banana', 'orange'];
const indexedFruits = fruits.map((fruit, index) => `${index}: ${fruit}`);
console.log(indexedFruits); // ['0: apple', '1: banana', '2: orange']
```
在上面的例子中,我们定义了一个 `fruits` 数组,并使用 `map` 方法将每一个元素都添加上了它的索引值。最后,我们用 `console.log()` 方法输出了新数组的值。
阅读全文