js中遍历数组的6种方式

1.原生js中for循环

     var arr=[1,2,3,4,5];
     for(var i=0;i<arr.length;i++){
	console.log(arr[i]) //打印每一个数组元素
  }

2.原生js中 for in

     var arr=[1,2,3,4,5];
for(var k in arr){
    	console.log(arr[k]) //打印每一个数组元素
}

3.ES6中forEach()

var array=[1,2,3,4,5]
array.forEach(function(item,index,arr){
    console.log(item+'---'+index+'---'+arr);
    //value:每个数组元素 index：索引  arr：整个数组元素
});

4.ES6中filter()筛选数组

创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的元素

var array=[1,2,3,4,5]
var newArr=[];
newArr=array.filter(function(item,index,arr){
		 return item>=3;   
    //value:每个数组元素 index：索引  arr：整个数组元素
});
console.log(newArr)

5. ES6中some()筛选数组

检测数组中元素是否满足指定条件,返回true或false

var array=[1,2,3,4,5];
array.some(function(item,index,arr){
		 return item>=3;   
    //value:每个数组元素 index：索引  arr：整个数组元素
});
console.log(array)//true

some和forEach区别

在forEach里面return不会终止迭代

在some里面遇到return true 终止遍历迭代效率高

6. jQuery.each() jquery中遍历数组

主要遍历数组对象等数据

var array=[1,2,3,4,5];
$.each(function(i,ele){
  console.log(i+'---'+ele)  
})
//i为索引号 ele为dom对象用到jQuery对象需转换

注意

$.each 和forEach 遍历数组的回调函数中的参数是相反的