數(shù)組迭代方法對(duì)每個(gè)數(shù)組項(xiàng)進(jìn)行操作 一、forEach()方法為每個(gè)數(shù)組元素調(diào)用一次函數(shù)(回調(diào)函數(shù))forEach是循環(huán)遍歷一遍數(shù)組的每一項(xiàng),這個(gè)是沒(méi)有返回值的,這個(gè)方法里面有個(gè)回調(diào)函數(shù),回調(diào)函數(shù)有三個(gè)參數(shù),第一個(gè)是數(shù)組每一項(xiàng)的值value,第二個(gè)參數(shù)是數(shù)組每一項(xiàng)對(duì)應(yīng)的下標(biāo)索引index,array是數(shù)組本身。 例: var txt = “”; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(value, index, array) { txt = txt value “ ”; } 上面的例子只用了 value 參數(shù)。這個(gè)例子可以重新寫為: var txt = “”; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(value) { txt = txt value “ ”; } 所有瀏覽器都支持forEach()方法,除了IE8或更早的版本 二、map()方法通過(guò)對(duì)每個(gè)數(shù)組元素執(zhí)行函數(shù)來(lái)創(chuàng)建新數(shù)組,不會(huì)對(duì)沒(méi)有值的數(shù)組元素執(zhí)行函數(shù),不會(huì)更改原始數(shù)組。 例(將每個(gè)數(shù)組值乘以2): var numbers1 = [45, 4, 9, 16, 25]; var numbers2 = numbers1.map(myFunction); function myFunction(value, index, array) { return value * 2; } 如果只需要數(shù)組的值,可以省略index、array 所有瀏覽器都支持map()方法,除了IE8或更早的版本 **三、filter()**創(chuàng)建一個(gè)包含通過(guò)測(cè)試的數(shù)組元素的新數(shù)組。filter是過(guò)濾、篩選的意思。 例(用值大于 18 的元素創(chuàng)建一個(gè)新數(shù)組): var numbers = [45, 4, 9, 16, 25]; var over18 = numbers.filter(myFunction); function myFunction(value, index, array) { return value > 18; } //45,25 同樣的,如果只需要數(shù)組的值,可以省略index、array 所有瀏覽器都支持filter()方法,除了IE8或更早的版本 四、reduce()方法在每個(gè)數(shù)組元素上運(yùn)行函數(shù),以生成(減少它)單個(gè)值,在數(shù)組中從左到右工作,不會(huì)減少原始數(shù)組。 例(確定數(shù)組中所有數(shù)字的總和): var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduce(myFunction); function myFunction(total, value, index, array) { return total value; }//總和是 99 請(qǐng)注意此函數(shù)接受 4 個(gè)參數(shù): total總數(shù)(初始值/先前返回的值) value項(xiàng)目值 index項(xiàng)目索引 array數(shù)組本身 上例并未使用 index 和 array 參數(shù),可以將它去掉。 reduce() 方法能夠接受一個(gè)初始值 例: var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduce(myFunction, 100); function myFunction(total, value) { return total value; }//總和是 199 所有瀏覽器都支持 reduce()方法,除了 IE8 或更早的版本 五、reduceRight()方法在每個(gè)數(shù)組元素上運(yùn)行函數(shù),以生成(減少它)單個(gè)值,數(shù)組中從右向左工作,不會(huì)減少原始數(shù)組。 與reduce()方法類似。 所有瀏覽器都支持 reduceRight()方法,除了 IE8 或更早的版本 六、every()方法檢查所有數(shù)組值是否通過(guò)測(cè)試。 例(檢查所有數(shù)組值是否大于 18): var numbers = [45, 4, 9, 16, 25]; var allOver18 = numbers.every(myFunction); function myFunction(value, index, array) { return value > 18; }//false 三個(gè)參數(shù),僅調(diào)用第一個(gè),其他兩個(gè)可以省略。 所有瀏覽器都支持every()方法,除了IE8或更早版本 七、some()方法檢查某些數(shù)組值是否通過(guò)了測(cè)試。 例(檢查某些數(shù)組值是否大于 18): var numbers = [45, 4, 9, 16, 25]; var someOver18 = numbers.some(myFunction); function myFunction(value, index, array) { return value > 18; }//true 三個(gè)參數(shù),僅調(diào)用第一個(gè),其他兩個(gè)可以省略。 所有瀏覽器都支持some()方法,除了IE8或更早版本 八、indexOf()方法在數(shù)組中搜索元素值并返回其位置。 **注:**第一個(gè)項(xiàng)目的位置是 0,第二個(gè)項(xiàng)目的位置是 1,以此類推。 例(檢索數(shù)組中的項(xiàng)目“Apple”): var fruits = [“Apple”, “Orange”, “Apple”, “Mango”]; var a = fruits.indexOf(“Apple”); 語(yǔ)法: array.indexOf(item, start) item 必需。要檢索的項(xiàng)目。 start 可選。從哪里開(kāi)始搜索。負(fù)值將從結(jié)尾開(kāi)始的給定位置開(kāi)始,并搜索到結(jié)尾。 如果未找到項(xiàng)目,Array.indexOf() 返回 -1。 如果項(xiàng)目多次出現(xiàn),則返回第一次出現(xiàn)的位置。 所有瀏覽器都支持indexOf()方法,除了IE8或更早版本 九、lastIndexOf()方法與indexOf() 類似,但是從數(shù)組結(jié)尾開(kāi)始搜索。 例(檢索數(shù)組中的項(xiàng)目“Apple”): var fruits = [“Apple”, “Orange”, “Apple”, “Mango”]; var a = fruits.lastIndexOf(“Apple”); //2 所有瀏覽器都支持lastIndexOf()方法,除了IE8或更早版本 語(yǔ)法和indexOf()類似,star是從結(jié)尾開(kāi)始的給定位置開(kāi)始,并搜索到開(kāi)頭。 十、find()方法返回通過(guò)測(cè)試函數(shù)的第一個(gè)數(shù)組元素的值。 例(查找(返回)大于18的第一個(gè)元素的值): var numbers = [4, 9, 16, 25, 29]; var first = numbers.find(myFunction); function myFunction(value, index, array) { return value > 18; }//25 三個(gè)參數(shù),僅調(diào)用第一個(gè),其他兩個(gè)可以省略。 老舊的瀏覽器都不支持fine()方法,完全支持此方法的首個(gè)瀏覽器版本:
 十一、findIndex()方法返回通過(guò)測(cè)試函數(shù)的第一個(gè)數(shù)組元素的索引。 例(查找大于 18 的第一個(gè)元素的索引): var numbers = [4, 9, 16, 25, 29]; var first = numbers.findIndex(myFunction); function myFunction(value, index, array) { return value > 18; }//3 三個(gè)參數(shù),僅調(diào)用第一個(gè),其他兩個(gè)可以省略。 老舊的瀏覽器都不支持fineIndex()方法,完全支持此方法的首個(gè)瀏覽器版本:

|