1. 程式人生 > 其它 >js中的迴圈

js中的迴圈

1. for 迴圈

let arr = [1,2,3];
for (let i=0; i<arr.length; i++){
 console.log(i,arr[i])
}
// 0 1
// 1 2
// 2 3

  

2.for in 迴圈

let obj = {name:'zhou',age:'**'}
for(let i in obj){
 console.log(i,obj[i])
}
// name zhou
// age **

  

for in 迴圈主要用於遍歷普通物件,i 代表物件的 key 值,obj[i] 代表對應的 value。

3.while 迴圈

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
	console.log(cars[i] + "<br>")
	i++;
};

  

4. do while 迴圈

let i = 3;
do{
	 console.log(i)
	 i--;
}while(i>0)
// 3
// 2
// 1

  

5. Array forEach 迴圈

let arr = [1,2,3];
arr.forEach(function(i,index){
 	console.log(i,index)
})
// 1 0
// 2 1
// 3 2

  

6. Array map()方法

let arr = [1,2,3];
let tt = arr.map(function(i){
 console.log(i)
 return i*2;
})
// [2,4,6]

  

map() 方法返回一個新陣列,陣列中的元素為原始陣列元素呼叫函式處理後的值。
注意:map 和 forEach 方法都是隻能用來遍歷陣列,不能用來遍歷普通物件。

7. Array filter()

let arr = [1,2,3];
let tt = arr.filter(function(i){
 	return i>1;
})
// [2,3]

  

filter 方法是 Array 物件內建方法,它會返回通過過濾的元素,不改變原來的陣列。

8、Array some() 方法

let arr = [1,2,3];
let tt = arr.some(function(i){
 	return i>1;
})
// true

  

some() 方法用於檢測陣列中的元素是否滿足指定條件(函式提供), 返回 boolean 值,不改變原陣列。
注意:some() 中只要有一項滿足條件則返回 true

9、Array every() 方法

let arr = [1,2,3];
let tt = arr.every(function(i){
 	return i>1;
})
// false

  every() 方法用於檢測陣列中的元素是否滿足指定條件(函式提供), 返回 boolean 值,不改變原陣列。
注意:every() 中所有項滿足條件 才會返回 true

10、Array reduce()方法

let arr = [1,2,3];
let ad = arr.reduce(function(i,j){
 	return i+j;
})
// 6

  reduce() 方法接收一個函式作為累加器,陣列中的每個值(從左到右)開始縮減,最終計算為一個值。

11、Array reduceRight()方法

let arr = [1,2,3];
let ad = arr.reduceRight(function(i,j){
 	return i+j;
})
// 6

  reduceRight()方法,和 reduce() 功能是一樣的,它是從陣列的末尾處向前開始計算。

12. for of 迴圈

let arr = ['name','age'];
for(let i of arr){
 	console.log(i)
}
// name
// age

  for of 迴圈是 Es6 中新增的語句,用來替代 for in 和 forEach,它允許你遍歷 Arrays(陣列), Strings(字串), Maps(對映), Sets(集合)等可迭代(Iterable data)的資料結構,注意它的相容性。