JavaScript es5中的Array经常使用的forEach、map、filter、indexOf

Array的forEach、map的区分和相同之处

forEach

1、 forEach就是数组的遍历、轮回 ,回调支撑三个参数,第1个是遍历的数组内容;第2个是对应的数组索引,第3个是数组自身,他是没有返回值得,不需要return

[1,3,1,3,4,5,6,2].forEach((value,index,array) => console.log('value'+ value + '--index--' + index))

2、再下面,更进一步,forEach除了接收一个必需的回调函数参数,还能够接收一个可选的上下文参数(改变回调函数内里的this指向)(第2个参数)。

    var database = {
  users: ["张含韵", "江一燕", "李小璐"],
  sendEmail: function (user) {
    if (this.isValidUser(user)) {
      console.log("你好," + user);
    } else {
      console.log("抱歉,"+ user +",你不是本家人");    
    }
  },
  isValidUser: function (user) {
    return /^张/.test(user);
  }
};
// 给每个人法邮件
database.users.forEach(  // database.users中人遍历
  database.sendEmail,    // 发送邮件
  database               // 运用database替代上面标红的this
);

map

1、 map要领的作用不难理解,“映照”嘛,也就是原数组被“映照”成对应新数组,必需要return ,不然会undefined

var arr = [1,3,2,4,1,2,4,5],
    arrMap = arr.map((value,index,array) => value*value);

filter

1、指数组filter后,返回过滤后的新数组,有此可见,返回值只假如弱即是== true/false就能够了,而非非得返回 === true/false

 var arr = [1,3,2,4,1,2,4,5,0],
   arrMap = arr.filter((value) => value);

indexOf

1、 数组这里的indexOf要领与字符串的indexOf相似,返回整数索引值,假如没有婚配(严厉婚配),返回-1

  var arr = [2,1,4,5,1,5];
  console.log(arr.indexOf(1, "3")); //4
  console.log(arr.indexOf(9));//-1
    原文作者:Braveheartforyou
    原文地址: https://segmentfault.com/a/1190000008973064
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞