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]

 

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

 

  

 

  
  

原文地址:http://www.cnblogs.com/ynnotes/p/16898517.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性