js 便利map数组
时间: 2024-03-23 20:33:52 浏览: 113
JavaScript提供了多种遍历数组的方法,其中`map`方法是常用的一种。`map`方法会创建一个新的数组,其结果是该数组中的每个元素都调用一个提供的函数后的返回值。以下是`map`方法的基本使用方式:
1. **创建新数组**:`map`不会改变原始数组,而是创建一个新数组存放结果。
2. **迭代元素**:`map`会遍历原数组的每一个元素,并对每个元素执行回调函数。
3. **回调函数**:传递给`map`的回调函数接收三个参数:当前元素、当前索引和数组本身。通常只需要用到前两个参数。
4. **返回值**:回调函数的返回值会成为新数组的对应元素。
示例代码如下:
```javascript
var numbers = [1, 2, 3, 4];
var squares = numbers.map(function (number) {
return number * number;
});
console.log(squares); // 输出: [1, 4, 9, 16]
```
在这个例子中,`map`方法接收一个匿名函数作为参数,这个函数将数组中的每个元素平方后返回,最终生成了一个新的数组`squares`。
阅读全文