js数组遍历的方法

前言

在工作或者学习中,我们经常处理基本数据类型,其中数组更是天天见面,js中数组遍历的方法种类众多,所以在这里,我总结了一下,准备写一写关于数组遍历的常见方法,废话少说,请少侠看代码。

测试用例

var arr = [1,2,3,4,5,6]

方法一  for 循环

for循环,也是最常见的,最简单的
 
  for(var i=0; i<arr.length;i++){
        console.log(arr[i]);
    };

方法二 for in

循环遍历数组的属性
```
  for(var i in arr){
        console.log(arr[i]);
    };

方法三  arr.forEach(function(a){})

参数:回调函数
功能:遍历
返回值: undefined 返回值内有影响
是否改变原数组: 不会

arr.forEach(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
        console.log(a);
    });

方法四  arr.map(function(a){})

参数 : 回调函数
功能 : 遍历
返回值 :  是一个数组,数组里是undefined,长度为数组的长度
是否改变原数组 :  没有
回调函数的返回值造成了什么影响 :  被放在了map最终的数组内

arr.map(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
    console.log(a);
});

方法五  arr.some(function(a){})

参数 : 回调函数
功能 : 遍历
返回值 :  符合 true 不符合 false
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 : 遍历数组中是否有符合条件的值,只要有符合,那么就是true,同时停止遍历 如果没有符合的值 一直执行 直到遍历结束 返回false。

arr.some(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
    console.log(a);
});

方法六  arr.filter(function(a){})

参数 :回调函数
功能 :遍历
返回值 : true 并成为一个新数组
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 :filter可以过滤值,并返回到一个新数组中

arr.filter(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
    console.log(a);
});

方法七 arr.every(function(a){})

参数 :回调函数
功能 :遍历
返回值 : 符合 true 不符合 false
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 :遍历数组中是否有符合条件的值,必须全部符合,才是true,如果有一个false;那么就是false;同时停止遍历

var res = arr.every(function(a){  //a是数组第一个值
        console.log(a);
        return a>0;
    });
    console.log(res);

结束语

这是我所知道的遍历数组的方法,还有没考虑到和有什么错误的地方,欢迎大家留言补充,这七种方法的其中五种不怎么好记和理解,所以我给他们每一个方法配了一个说明,这样子应该可以让大家很容易的记下来这五种方法,希望大家了解后勤加练习一下,上手去操作一下,比在这看100遍都管用,如果本文对您有帮助的话,请点赞和转发, 让我可以帮助到更多的人,让我们一起加油吧!

原创作品,违法必究

疫情期间,我们逆战必胜

原文地址:https://www.cnblogs.com/cznSH/p/12343553.html

时间: 2024-10-05 05:32:35

js数组遍历的方法的相关文章

转→js数组遍历 千万不要使用for...in...

看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:http://m.blog.csdn.NET/blog/u014357977/38298263 正文↓ js数组遍历相信大家都不陌生,很多人会想到for循环和 for...in...循环,但是千万不要使用for...in...循环遍历数组,特别是如果你想写点有用的,能够移植的代码时.下面我们来看看这个

js数组遍历和对象遍历

针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历:还有性能,优缺点等. JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]); } 2,优化版for循环:使用变量,将长度缓存起来,避免重复获取长度,数组很大时优化效果明显 for(var j = 0,len = arr.length; j < len; j++){ co

iOS中数组遍历的方法及比较

数组遍历是编码中很常见的一种需求,我们来扒一拔iOS里面都有什么样的方法来实现,有什么特点. 因为iOS是兼容C语言的,所以C语言里面的最最常见的for循环遍历是没有问题的. 本文中用的数组是获取的系统的语言数组,大约有30多个数据,虽然还不够模拟大批量的数据,但对于方法的验证是没有问题的了. NSArray *langArray = [[NSUserDefaults standardUserDefaults] arrayForKey:@"AppleLanguages"]; 第一种方法

js 数组中sort方法存在的问题

chrome中测试sort方法 发现排序失效,查过资料发现,js数组的sort方法总会以第一个字符的ASCII值来进行比较排序 解决办法一:给sort方法指定一个比较函数作为参数,如下图 解决办法二:自己一个排序算法,自己造轮子 原文地址:https://www.cnblogs.com/xingguozhiming/p/8996700.html

js 数组去重的方法总结

想沉淀一下自己.代码改变世界~~~ 1.利用Array.from代码如下 1 var arr = [1,2,3,4,3,2,1] 2 function unique(arr){ 3 return Array.from(new Set(arr)) 4 } 5 console.log(unique(arr)) 2.利用es6(...)拓展运算符.demo 1 var arr = [1,2,3,4,3,2,1] 2 function unique(arr){ 3 return [...new Set(

JS数组遍历方法集合

就让我们在逆战中成长吧,加油武汉,加油自己 1.for循环 使用零时变量将长度存起来,当数组较大时优化效果才会比较明显. var ar1=[2,4,6,8] for(var i=0;i<ar1.length;i++){ console.log(i) console.log(ar1[i]) } 2.foreach循环 遍历数组中每个数,没有返回值 使用break不能中断循环,使用return也不能返回到外层函数 var ar1=[2,4,6,8] ar1.foreach((item,index,a

js数组遍历方法总结

数组遍历方法 1.for循环 使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显. for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环 遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE //1 没有返回值 arr.forEach((item,index,array)=>{ //执行代码 }) //参数:value数组中的当前项, index当前项的索引, array原始数组: //数组中有

js数组去重的方法

1.如果不借助任何方法,初级写法应该是: function unique(arr){ var res=[]; for(var i=0,len=arr.length;i<len;i++){ var obj = arr[i]; for(var j=0,jlen = res.length;j<jlen;j++){ if(res[j]===obj) break; } if(jlen===j)res.push(obj); } return res; } var arr=[1,1,'2','1',3,4]

js数组高阶方法reduce经典用法代码分享

以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘. javascript数组那么多方法,为什么我要单挑reduce方法,一个原因是我对这个方法掌握不够,不能够用到随心所欲.另一个方面,我也感觉到了这个方法的庞大魅力,在许多的场景中发挥着神奇的作用. 理解reduce函数 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. a