js 数组 map的使用
时间: 2024-09-18 21:14:22 浏览: 30
在JavaScript中,数组的`map()`方法是一个高阶函数,它的作用是对原数组的每个元素应用一个提供的函数,并创建一个新的数组,新数组的每个元素是原元素经过该函数处理后的结果。`map()`方法不会改变原数组,而是返回一个全新的数组。
基本语法如下:
```javascript
let newArray = array.map(callbackFunction[, thisArg]);
```
其中:
- `array`: 需要遍历的原始数组。
- `callbackFunction`: 一个函数,接收当前元素作为参数,并返回处理过的值。
- `thisArg` (可选): 函数运行时的上下文对象,如果省略,则默认使用全局对象(window)。
例如,假设我们有一个数字数组,我们可以使用`map()`将每个数字平方:
```javascript
let numbers = [1, 2, 3, 4];
let squaredNumbers = numbers.map(function(num) {
return num * num;
});
console.log(squaredNumbers); // 输出: [1, 4, 9, 16]
```
相关问题
js 数组map用法
JavaScript中数组的map()方法是一个高阶函数,它可以将一个数组中的每个元素都映射成一个新的值,最终返回一个新的数组。它的语法如下:
```javascript
array.map(function(currentValue, index, arr), thisValue)
```
- currentValue:当前处理的数组元素。
- index:当前处理的数组元素的索引。
- arr:当前被处理的数组。
- thisValue:可选,对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
map()方法会返回一个新的数组,其中包含了原始数组中每个元素映射后的结果。下面是一个简单的例子:
```javascript
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(number) {
return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
```
在上面的例子中,我们将原始数组numbers中的每个元素都乘以2,然后将结果存储在doubledNumbers数组中。
js 定义 数组 map
在JavaScript中,可以使用`Array.prototype.map()`方法来创建一个新的数组,该数组由原始数组经过某种操作(回调函数)后的返回值组成。
`map()`方法接受一个回调函数作为参数,该回调函数会被依次应用于原始数组中的每个元素,并将返回值组成一个新的数组。
下面是一个示例:
```javascript
let numbers = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map(function(number) {
return number * 2;
});
console.log(doubledNumbers); // 输出 [2, 4, 6, 8, 10]
```
在上面的例子中,`numbers`是原始的数组,`map()`方法会遍历`numbers`中的每个元素,并将其传递给回调函数。回调函数中的操作是将每个元素乘以2,然后返回这个结果。最终,`doubledNumbers`数组中保存了原始数组中每个元素乘以2后的结果。
需要注意的是,`map()`方法不会修改原始数组,而是返回一个新的数组作为结果。因此,如果需要修改原始数组,可以在`map()`方法之后使用赋值操作将新数组赋给原始数组。
阅读全文