js中的迴圈
阿新 • • 發佈:2022-05-12
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)的資料結構,注意它的相容性。