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

xuexiangjys 发布于2019-08-20 15:37 / 3043人阅读

摘要：的的区别和相同之处就是数组的遍历循环，回调支持三个参数，第个是遍历的数组内容第个是对应的数组索引，第个是数组本身他是没有返回值得，不需要再下面，更进一步，除了接受一个必须的回调函数参数，还可以接受一个可选的上下文参数改变回调函数里面

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

云服务器 GPU云服务器 es5_Array array_filter()函数 js页面获取map中的数据 array_map

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82381.html

「干货」细说 Array 的常用操作(ES5 和 ES6)

摘要：今天，会更具体地将数组的常用操作进行归纳和汇总，以便备不时之需。在公用库中，一般会这么做的判断新增的操作和传入一个回调函数，找到数组中符合当前搜索规则的第一个元素，返回这个元素，并且终止搜索。 showImg(https://segmentfault.com/img/bVbpzuS?w=750&h=422); 前言上一篇文章「前端面试题系列8」数组去重(10 种浓缩版) 中提到了不少...

VincentFF 2019-08-26 13:34 评论0 收藏0
JavaScript || 数组

摘要：总结使用访问数组元素，使用访问数组属性，如。数组的长度保证大于每个元素的索引值，数组没有元素，最大索引为，为为数组元素赋值，如果其索引大于等于现有数组长度，的属性值将设置为如果设置的值小于数组长度时，会将索引大于的元素全部删除。数组数组是值的有序集合，数组中每个值称为元素，元素在数组中的位置称为索引。JavaScript中的数组是一种特殊的对象：类属性class attribu...

Euphoria 2019-08-20 14:42 评论0 收藏0
Javascript数组常用方法

摘要：数组常用方法介绍删除数组最后一位元素。开始下标删除个数，插入元素可以多个注意当数组执行上面的这些方法时，都会修改原数组。输出从数组中找出所有符合指定条件的元素。内容返回将数组合成一个值。合并数组或合并数组的值。 JavaScript 数组常用方法介绍 array.pop – 删除数组最后一位元素。 var arr = [1, 2, 3]; arr.pop();// 返回 3 arr;/...

verano 2019-08-19 17:25 评论0 收藏0
ES5新增数组操作forEach()、map()、filter()、some()、every()

摘要：方法，还有一个特性，当缺省或是为，和方法一样，通常我用对数组的每个元素进行一定操作映射后，会返回一个新的数组该方法对数组中的每一项运行给定函数。 1. 前言 ES5中新增的一些处理数组（Array）的方法，对于用JavaScript处理数据非常有用。我总结了一下，给这些方法分了类，大体如下： 2个索引方法：indexOf() 和 lastIndexOf()； 5个迭代方法：forEa...

13651657101 2019-08-20 15:53 评论0 收藏0