日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

作為一個程序?qū)τ跀?shù)組遍歷大家都不是很陌生，再開發(fā)中我們也經(jīng)常要處理數(shù)組。這里我們討論下常用的數(shù)組遍歷方法和區(qū)別。

成都創(chuàng)新互聯(lián)主營北屯網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,手機APP定制開發(fā),北屯h5成都微信小程序搭建,北屯網(wǎng)站營銷推廣歡迎北屯等地區(qū)企業(yè)咨詢

1.第一種for循環(huán)

 
 
 

  
  
  
var arr = [1,2,3,4,5];  
  
  
  
for(var i=0,i  
  
  
 console.log("for循環(huán)："+arr[i]); //打印出1,2,3,4,5  
  
  
  
} 
 
 
 

2.for ..in 遍歷方式

 
 
 

  
  
  
// for in 遍歷需要兩個形參 ，index表示數(shù)組的下標(biāo)(可以自定義)，arr表示要遍歷的數(shù)組 
  
  
  
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在遍歷數(shù)組的區(qū)別就是map 有返回值，返回一個新的數(shù)組，而forEach沒有返回值 
 
 
 

5.for-of遍歷方式

 
 
 

  
  
  
var arr = [1,2,3,4,5]; 
  
  
  
 
  
  
  
for(var value of arr){ 
  
  
  
  
  
  
  
     console.log("數(shù)組數(shù)據(jù)："+value); //1,2,3,4,5 
  
  
  
} 
 
 
 

在這還有一個要想說的就是，在使用遍歷數(shù)組時候，如果想跳出遍歷return true fasle break沒有反應(yīng)，這其實是使用的遍歷方法不對，當(dāng)想跳出循環(huán)可以使用every 和 some方法。

 
 
 

  
  
  
//every()當(dāng)內(nèi)部return false時跳出整個循環(huán)(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 當(dāng)內(nèi)部return true時跳出整個循環(huán) 
  
  
  
 
  
  
  
 let list = [1, 2, 3, 4, 5]; 
  
  
  
 
  
  
  
 list.some((value, index) => { 
  
  
  
 if(value === 3){ 
  
  
  
 return true; //當(dāng)內(nèi)部return true時跳出整個循環(huán) 
  
  
  
 } 
  
  
  
 console.log(value)// 1 2  
  
  
  
 }); 
 
 
 

文章標(biāo)題：Javascript之遍歷數(shù)組方法
網(wǎng)頁URL：http://www.dlmjj.cn/article/cdpodpp.html