1. 程式人生 > 其它 >集合、陣列的遍歷

集合、陣列的遍歷

集合、陣列的遍歷

一、 for迴圈遍歷

	for(var i = 0;i<arr3.length;i++){
       console.log(arr3[i]);
   }

二、 使用for-in進行遍歷

	for(var key in arr3){
       console.log(arr3[key]);
   }
  • key指數組裡面的鍵,也就是索引值。

三、 使用for-each進行遍歷(陣列自帶方法)

	arr3.forEach(function(value,index,array){
       console.log(value, index, array);
   })
  • 引數為值,索引,原陣列
    在這裡插入圖片描述

四、map遍歷

  • 原有功能:將一個數組對映為另一個數組
  • 功能寫一半可以當作遍歷
  • map對映返回修改之後的集合
	var list = [1,2,3,4,5,6];
   list.map(function(value,index){
       console.log(value);
   });

在這裡插入圖片描述

	var list = [1,2,3,4,5,6];
   //對映成[1,4,9,16,25,36]
   var newlist = list.map(function(value,index){
       return value*value;
   });
   console.log(newlist);

在這裡插入圖片描述

五、 累計器—reduce()

	var num = [1,2,3,4];
   var number = num.reduce(function(all,value){
       return all+value;
   });
   console.log(number);
  • all為之前相加的值,value為下一個值
    在這裡插入圖片描述
	var num = [1,2,3,4];
	var number = num.reduce(function(all,value){
		return all*value;
	});
	console.log(number);

在這裡插入圖片描述