js.map
时间: 2025-05-19 07:17:54 AIGC 浏览: 27
### JavaScript 中 `map` 方法的用法
`map` 是一种强大的数组原型方法,用于创建一个新的数组,其结果是对调用数组中的每个元素执行回调函数后的返回值组成的数组[^2]。此方法不会修改原始数组。
以下是 `map` 的基本语法:
```javascript
array.map(callback(currentValue[, index[, array]])[, thisArg])
```
- **callback**: 对数组中每个元素执行的函数。
- **currentValue**: 当前正在处理的元素。
- **index**(可选): 正在处理的当前索引。
- **array**(可选): 调用了 `map` 的原数组。
- **thisArg**(可选): 执行回调时使用的 `this` 值。
#### 示例:字符串大写转换
假设有一个字符串数组,目标是将其所有元素转换为大写字母。可以使用 `map` 来实现这一功能。
```javascript
const strings = ['hello', 'world', 'javascript'];
const uppercasedStrings = strings.map(str => str.toUpperCase());
console.log(uppercasedStrings); // 输出 ["HELLO", "WORLD", "JAVASCRIPT"]
```
在此示例中,箭头函数 `(str => str.toUpperCase())` 将每个字符串映射为其大写的版本[^2]。
#### 示例:数值计算
如果需要对一组数字进行某种运算,比如乘以二,则可以通过如下方式完成:
```javascript
const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // 输出 [2, 4, 6]
```
这里同样利用了箭头函数来简化代码结构并提高可读性。
#### 使用场景扩展
除了简单的数据变换外,还可以通过嵌套逻辑增强复杂度。例如过滤掉负数后再平方每一个正整数:
```javascript
const mixedArray = [-5, 0, 7, -3, 8];
const squaredPositives = mixedArray.filter(n => n >= 0).map(x => x * x);
console.log(squaredPositives); // 输出 [0, 49, 64]
```
上述例子展示了如何先筛选再应用 `map` 进行进一步操作[^2]。
相关问题
阅读全文
相关推荐












