Map函数的用法

1.使用场景

  项目中,前端开发人员通常会对后端返回的数据进行修改,经常使用过map函数

2.语法用法

  通常用来遍历数组,可以返回一个新的数组。并且不会更新原本数组的数据

  array.map(function(currentValue,index,arr),thisIndex)

  参数说明:

  function: 必选,map的的一个参数一定是一个Function,最终返回一个新的数组

    currentValue:必选,遍历的当前元素

    index:可选,当前元素的索引,也就是第几个数值元素的标识(下标)

    arr:可选,当前元素属于的数组对象

  thisIndex: 可选,对象作为该执行回调时使用,传递给函数,用作"this"的值

 

3.实例

  遍历数组,给数组的每一个元素平方,并进行插入到新的数组。

  //模拟后端接收的一个数组

  let array = [1,2,3,4]

  //用map函数操作数组

  let newArray = array.map(item=>retutn item*item)

  conslole.log(newArray) //返回[2,4,7,16]

 

  说明:这里用到了箭头函数,并且是简写的形式。参数只有一个函数函数,函数的参数也只有一个当前元素值。

 

  

 

  
  

posted @ 2022-11-17 10:14  尤念  阅读(860)  评论(0)    收藏  举报