JS遍历数组的几种方法

1.普遍的遍历方式

for(var i= 0;i<arr.length;i++){console.log("第一种遍历方式："+arr[i]);
}

2.for…in两个形参，i为数组下标，arr为要遍历的数组

 for(var i in arr){console.log("第二种遍历方式："+arr[i])}

3.forEach 一个参数为数组的元素，第二个元素为数组的下标

arr.forEach((element,index) => {console.log("第三种遍历方式："+element)
});

4.for-of 第一个变量ele代表数组的元素（可以自定义） arr为数组（数据源）

for(var ele in arr){console.log("第四种遍历方式："+ele)
}

5.map遍历 map的回调函数中支持return返回值；return的是啥，相当于把数组中的这一项变为啥（并不影响原来的数组，只是相当于把原数组克隆一份，把克隆的这一份的数组中的对应项改变了）；

var arr=array.map((item,index,array)=>{return item*10;
})

6.filter遍历不会改变原始数组,返回新数组

 var arr = [73,84,56,22,100]var newArr = arr.filter(item => item>80)

7.every遍历 every()是对数组中的每一项运行给定函数，如果该函数对每一项返回true,则返回true

var arr = [ 1, 2, 3, 4, 5, 6 ];
console.log(arr.every((item,index,array)=>{return item>3
}))//false

8.some遍历 some()是对数组中每一项运行指定函数，如果该函数对任一项返回true，则返回true

 var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log(arr.every((item,index,array)=>{return item>3}))//true

9.reduce reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。

  var total = [0,1,2,3,4].reduce((a, b)=>a + b); //10

10.reduceRight 类似reduce
11.find find()方法返回数组中符合测试函数条件的第一个元素。否则返回undefined

var stu = [{name: '张三',gender: '男',age: 20},{name: '王小毛',gender: '男',age: 20},{name: '李四',gender: '男',age: 20}
]
stu.find(ele => ele.name == "李四")//返回结果为{name: "李四", gender: "男", age: 20}

11.findIndex 返回符合条件的数组下标，否则-1

 [1,2,3].findIndex(x=>x==3)//true

12.ES6 提供三个新的方法 —— entries()，keys()和values() —— 用于遍历数组。它们都返回一个遍历器对象，可以用for…of循环进行遍历，唯一的区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历

 for (let index of ['a', 'b'].keys()) {console.log(index);}// 0// 1for (let elem of ['a', 'b'].values()) {console.log(elem);}// 'a'// 'b'for (let [index, elem] of ['a', 'b'].entries()) {console.log(index, elem);}// 0 "a"// 1 "b"

JS遍历数组的几种方法相关推荐

JS遍历数组的12种方法
一. for 普通版 for (let i = 0; i < arr.lengthl; i++) {// ... } 优化版 // 使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大 ...
js遍历对象的几种方法
js遍历对象的几种方法第一种: for......in const obj = {id:1,name:'zhangsan',age:18 }for(let key in obj){console.l ...
php遍历数组哪个效率高,PHP遍历数组的三种方法及效率对比分析
PHP遍历数组的三种方法及效率对比分析发布于 2015-03-04 21:55:27 | 129 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertext ...
python遍历数组的两种方法及将print的内容写入文件中
python遍历数组的两种方法第一种,最常用的,通过for in遍历数组 colours = ["red","green","blue"] ...
php遍历数组哪个效率高,PHP遍历数组的三种方法及效率对比分析_php技巧
本文实例分析了PHP遍历数组的三种方法及效率对比.分享给大家供大家参考.具体分析如下: 今天有个朋友问我一个问题php遍历数组的方法,告诉她了几个.顺便写个文章总结下,如果总结不全还请朋友们指出第一 ...
php 遍历效率高,PHP遍历数组的三种方法及效率对比分析
这篇文章主要介绍了PHP遍历数组的三种方法及效率对比,实例分析了foreach.while与for三种遍历数组的方法与相关的效率比对,具有一定参考借鉴价值,需要的朋友可以参考下本文实例分析了PHP遍 ...
php高效遍历,PHP 遍历数组的三种方法及效率对比分析
PHP 遍历数组的三种方法及效率对比分析本文实例分析了 PHP 遍历数组的三种方法及效率对比分享给大家供大家参考具体分析如下: 今天有个朋友问我一个问题 php 遍历数组的方法, 告诉她了几个顺便写 ...
python3（4）--- python遍历数组的两种方法
python遍历数组的两种方法第一种,最常用的,通过for in遍历数组.其实本质就是取出来的是这个数组或者列表中的元素,和角标无关. colours = ["red",&quo ...
python遍历数组的两种方法的代码
工作过程中,把开发过程中较好的一些内容段备份一下,下面内容是关于python遍历数组的两种方法的内容,希望对小伙伴有用途. colours = ["red","green ...

JS遍历数组的几种方法

JS遍历数组的几种方法相关推荐

最新文章

热门文章