加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

Javascript之遍历数组要领

发布时间:2019-08-03 05:27:52 所属栏目:建站 来源:前端程序猿
导读:作为一个措施对付数组遍历各人都不是很生疏,再开拓中我们也常常要处理赏罚数组。这里我们接头下常用的数组遍历要领和区别。 1.第一种for轮回 vararr=[1,2,3,4,5]; for(vari=0,iarr.length;i++){ console.log(for轮回:+arr[i]);//打印出1,2,3,4,5 } 2.for ..i

 Javascript之遍历数组要领

作为一个措施对付数组遍历各人都不是很生疏,再开拓中我们也常常要处理赏罚数组。这里我们接头下常用的数组遍历要领和区别。

1.第一种for轮回

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

2.for ..in 遍历方法

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

3.forEach 遍历方法

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

4.map 遍历方法

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

5.for-of遍历方法

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

在这尚有一个要想说的就是,在行使遍历数组时辰,假如想跳出遍历return true fasle break没有回响,这着实是行使的遍历要领差池,当想跳出轮回可以行使every 和 some要领。

  1. //every()当内部return false时跳出整个轮回(return true;也要写入) 
  2.  
  3. let list = [1, 2, 3, 4, 5]; 
  4.  
  5. list.every((value, index) => { 
  6.  if(value > 3){ 
  7.  console.log(value); // 4 
  8.  return false; 
  9.  }else{ 
  10.  console.log(value); // 1 2 3 
  11.  return true; 
  12.  } 
  13. }); 
  14.  
  15.  
  16. ================================ 
  17.  
  18. //some 当内部return true时跳出整个轮回 
  19.  
  20.  let list = [1, 2, 3, 4, 5]; 
  21.  
  22.  list.some((value, index) => { 
  23.  if(value === 3){ 
  24.  return true; //当内部return true时跳出整个轮回 
  25.  } 
  26.  console.log(value)// 1 2  
  27.  }); 

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读