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

最新推荐文章于 2024-02-08 09:09:06 发布

转载最新推荐文章于 2024-02-08 09:09:06 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000008973064

文章标签：

#javascript #数据库 #ViewUI

本文详细介绍了JavaScript中数组的几个常用方法：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