js关于map()的用法

标题定义和用法

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。

语法

array.map(function(currentValue,index,arr), thisValue)
js关于map()的用法_第1张图片
用法(1):获取数组的索引

 let arr = [1,2,3,4,5];
        let  arr1 =arr.map(function(item,index){
             return index
        })
        console.log(arr1)

js关于map()的用法_第2张图片
用法(2):根据相关回调函数处理数组中的每一项并返回新数组,如返回一组数的平方

let arr = [1,2,3,4,5];
        let  arr1 =arr.map(function(item,index){
             return item*item
        })
        console.log(arr1)

js关于map()的用法_第3张图片
原数组arr不会被改变

用法(3):映射出数组对象中的一组属性值

let students = [
            {name:'张三',age:15,score:80},
            {name:'李思',age:18,score:70},
            {name:'王五',age:19,score:90}];
             
      let ages = students.map(function(item,index){
             return   item.age
      })
       console.log(ages)

js关于map()的用法_第4张图片

你可能感兴趣的:(js学习)