日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

JavaScript學(xué)習(xí):JavaScript數(shù)組迭代方法

 印度阿三17 2019-08-07

數(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è)瀏覽器版本:
在這里插入圖片描述

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多