前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >数组遍历

数组遍历

作者头像
wade
发布2020-04-23 17:21:58
1.3K0
发布2020-04-23 17:21:58
举报
文章被收录于专栏:coding个人笔记coding个人笔记

之前讲了一些数组的方法,今天整理一下数组的遍历方法,有些方法不会用到,但是了解一下也是好的。

我们最常用的循环遍历方法是for循环,这个是最基础的,就不附上代码了,不过说一点,倒叙循环在性能上能优化一点点,不清楚的可以去看性能优化知识点,里面有提到。

for in,很少用到的一个遍历方法,也不推荐:

代码语言:javascript
复制
var arr = ['a', 1, 2, 3];
arr.len = 'len';
for(var i in arr){
    console.log(i + 5);
    console.log(arr[i]);
};

因为for in 会把原型上的东西也遍历出来,然后数组下标i是字符串,在进行加操作的时候会按字符串走,还有就是循环的顺序不是一定的。一般用来循环json。

forEach方法,也比较常用

代码语言:javascript
复制
var arr = ['a', 1, 2, 3];
arr.forEach(function (item, index, arr) {
  console.log(item);
  console.log(index);
  console.log(arr);
});

传入一个方法参数,这个方法有三个参数,分别是当前元素,下标和循环数组。也不推荐用来循环数组,因为基于循环的迭代性能是基于方法迭代的8倍。

map方法,这个方法会返回一个数组

代码语言:javascript
复制
var arr = ['a', 1, 2, 3];
var newArr = arr.map(function (item, index, arr) {
  console.log(item);
  console.log(index);
  console.log(arr);
  return item + 5;
});
console.log(newArr); //["a5", 6, 7, 8]

跟forEach一样,传入一个方法,这个方法有三个参数,分别是当前元素,下标和循环数组,不同的是这个方法会返回一个数组,数组的元素就是每一次循环return回去的数据,没有返回就会默认是undefined。

enery和some,很不常用的方法,我认为属性这些方法,有助于编写业务代码时候性能的优化。

代码语言:javascript
复制
var arr = [5, 7, 3, 8];
var flag = arr.some(function (item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
    return item > 5;
});
console.log(flag);  //true
var arr = [5, 7, 3, 8];
var flag = arr.every(function (item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
    return item > 5;
});
console.log(flag); //false

跟map和forEach一样,一个方法和三个参数,some只要有一个条件是true就直接返回true,之后的不会再判断执行,every则是判断只要有一个条件是false就会返回false,false之后的也不再判断执行,所有条件都为true才返回true。

filter,一个过滤的方法:

代码语言:javascript
复制
var arr = [5, 7, 3, 8];
var newArr= arr.filter(function (item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
    return item > 5;
});
console.log(newArr); //[7, 8]

也是传入一个方法,方法三个参数,这个方法返回一个数组,在判断为true才会返回。

reduce和reduceRight,这两个方法是真的不常用:

代码语言:javascript
复制
var arr = [5, 7, 3, 8];
var sum = arr.reduce(function (prev, cur, index, array) {
    console.log(prev);
    console.log(cur);
    console.log(index);
    console.log(array);
    return prev + cur;
});
console.log(sum); //23

两个方法一个从左开始一个从右边开始,方法参数里面有四个参数,这四个参数比较特别,因为这个循环之会执行数组长度减1,我建议可以自己看打印输出的结果。一般这两个方法用来计算总和。

for of,跟for in类似:

代码语言:javascript
复制
var arr = ['a', 1, 2, 3];
arr.len = 'len';
for(var item of arr){
    console.log(item);
};

跟for in不同的是,遍历出来的就是元素,没有下标,也不会把原型上的遍历出来,用来遍历json。

find、findIndex两个方法是forEach和some结合体,当return之后,剩下的不会再执行,只不过findIndex返回的是元素下标,find是返回元素。

代码语言:javascript
复制
Includes:
var arr = ['a', 1, 2, 3];
console.log(arr.includes(2)); //true
console.log(arr.includes(9)); //false

判断是否有这个数据,有返回true,没有返回false。

Es6新增数组去重方法:

代码语言:javascript
复制
var arr = [1, 8, 9, 7, 7, 6, 1];
var newArr1 = new Set(arr);
var newArr2 = Array.from(newArr1);
console.log(newArr1);
console.log(newArr2);

数组方法真的很多,大概我就整理这一些就很够用了,另外的就不去整理了。

(完)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-08-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档