• 网站导航

js数组遍历方法(js数组排序的几种方法)

更新时间:2021-09-18 09:55:01 来源:  网络
近期可能很多人都在关注js数组遍历方法相关的内容,今日小编也是在网上找了很多关于 js数组遍历方法 相关信息并整理如下,希望对大家有所帮助:


js数组遍历方法(js数组排序的几种方法)

作为一个程序对于数组遍历大家都不是很陌生,再开发中我们也经常要处理数组。这里我们讨论下常用的数组遍历方法和区别。

1.第一种for循环

var arr = [1,2,3,4,5];for(var i=0,i<arr.length;i++){ console.log("for循环:"+arr[i]); //打印出1,2,3,4,5}

2.for ..in 遍历方式

// for in 遍历需要两个形参 ,index表示数组的下标(可以自定义),arr表示要遍历的数组var arr = [{num:1},{num:2},{num:3},{num:4},{num:5}];for(var index arr){ console.log("index:"+index,"num:"+arr[index].num);// 依次打印出 index:0,num:1... }

3.forEach 遍历方式

var arr = [{num:1},{num:2},{num:3},{num:4},{num:5}];arr.forEach(function(item,index){console.log("index:"+index,"num:"+item.num); //同样打印index:0,num:1...});

4.map 遍历方式

var list = [1, 2, 3, 4, 5]; var arr = []; arr = list.map((value, index) => { return value * 2; }); console.log(arr);//[2, 4, 6, 8, 10] 这里map和forEach在遍历数组的区别就是map 有返回值,返回一个新的数组,而forEach没有返回值

5.for-of遍历方式

var arr = [1,2,3,4,5];for(var value of arr){ console.log("数组数据:"+value); //1,2,3,4,5}

在这还有一个要想说的就是,在使用遍历数组时候,如果想跳出遍历return true fasle break没有反应,这其实是使用的遍历方法不对,当想跳出循环可以使用every 和 some方法。

//every()当内部return false时跳出整个循环(return true;也要写入)let list = [1, 2, 3, 4, 5];list.every((value, index) => { if(value > 3){ console.log(value); // 4 return false; }else{ console.log(value); // 1 2 3 return true; }});================================//some 当内部return true时跳出整个循环 let list = [1, 2, 3, 4, 5]; list.some((value, index) => { if(value === 3){ return true; //当内部return true时跳出整个循环 } console.log(value)// 1 2 }); 以上就是关于js数组遍历方法 相关问题啦,如需了解更多关于js数组遍历方法问题,关注我们的下次更新哦