js map

遍历方法

一、什么是

js map

方法？

JavaScript

中提供有

map

的高阶函数，它可以便捷的实现数组的

遍历和修改操作，

map

方法和

forEach

方法类似，但其返回一个新数组，

不会改变原数组。

二、如何使用

js map

方法？

1. 

遍历数组并返回新数组

```javascript 

const arr = [1, 2, 3, 4]; 

const result = arr.map(item => item * 2); 

console.log(result); // [2, 4, 6, 8] 

``` 

2. 

使用

 map 

将数组中的字符串首字母转换成大写字母

```javascript 

const words = ["hello", "world", "javascript"]; 

const upperCaseWords = words.map(word => 

word.charAt(0).toUpperCase() + word.slice(1)); 

console.log(upperCaseWords); //["Hello", "World", 

"Javascript"] 

``` 

3. 

使用

 map 

将数组中的对象属性进行提取

```javascript 

const data = [ 

  { name: "Tony", age: 30 }, 

  { name: "Jack", age: 20 }, 

  { name: "Lucy", age: 25 } 

]; 

const result = data.map(person => person.name);