方法2 -- for...in
var arr = [1,2,3,4,5,6,7,8,9]
for(var i in arr){
console.log(arr[i])
conosle.loh(arr[i] + "/" + i) // 還可以添加新屬性
}
方法3 -- for...of
var arr = [1,2,3,4,5,6,7,8,9]
for(var i of arr){
console.log(i)
}
for...in 和 for...of 兩者的主要區(qū)別在于他們的迭代方式
推薦
在循環(huán)對象屬性的時候使用for in
在遍歷數(shù)組的時候使用for of
for...in 循環(huán)出來的是key, for...of循環(huán)出來的是value
for...in 是ES5 標(biāo)準(zhǔn)，for...of 是ES6標(biāo)準(zhǔn)，兼容性可能存在些問題，請注意使用
for...of 不能遍歷普通的對象，需要和Object.keys() 搭配使用
方法4 -- forEach
/* forEach方法：被傳遞給forEach的函數(shù)會在數(shù)組的每個元素上執(zhí)行一次，元素作為參數(shù)傳遞給該函數(shù) */
var arr = [1,2,3,4,5,6,7,8,9]
arr.forEach(function(element,index){
console.log(element)
console.log(element + "/" + index)
})
【！注意！】未賦值的值是不會在forEach循環(huán)迭代的，但是手動賦值為undefined的元素是會被列出的
var arr = [1,,3,undefined,5,6,7,8,9]
arr.forEach(function(element,index){
console.log(element + "/" + index)
})
方法5 -- map
map 遍歷數(shù)組，并通過callback對數(shù)組元素進(jìn)行操作，并將所有操作結(jié)果放入數(shù)組中并返回該數(shù)組
var arr = [1,2,3,4,5,6,7,8,9]
var arr2 = arr.map(function(item){
console.log(item )
})
方法6 -- filter
filter()返回一個包含所有在回調(diào)函數(shù)上返回為true的元素新數(shù)組，回調(diào)函數(shù)在此擔(dān)任的是過濾器的角色，當(dāng)元素符和條件，過濾器就返回true,而filter則會返回所有符合過濾條件的元素
var arr = ["aaa","bbb","ccc",1,2,3]
var arr2 = arr.filter(function(item){
if(typeof item == "number"){
return item;
}
})
console.log(arr2);
方法7 -- every
every() 當(dāng)數(shù)組中的每一個元素在callback上被返回true時就返回true(注意：要求每一個單元項都返回true時才為true)
var arr = ["aaa","bbb","ccc",1,2,3]
var bol = arr.every(function(element){
if(typeof element == "string"){
return element;
}
})
console.log(bol); //false
every()與filter()的區(qū)別是：后者會返回所有符合過濾條件的元素；前者會判斷是不是數(shù)組中的所有元素都符合條件，并且返回的是布爾值
方法8 -- some
some()只要數(shù)組中有一項在callback上就返回true
var arr = ["aaa","bbb","ccc",1,2,3]
var arr = ["first","second","third" ,"fourth",3,5,8];
var bol = arr.some(function(element){
if(typeof element == "string"){
return element;
}
})
console.log(bol); //true
every()與some()的區(qū)別是：前者要求所有元素都符合條件才返回true,后者要求只要有符合條件的就返回true
