成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS中 map, filter, some, every, forEach, for in, for

yankeys / 478人閱讀

摘要：有返回值，返回一個符合條件的元素數(shù)組返回一個，判斷是否有元素符合條件，如果有一個元素符合條件，則循環(huán)會終止。返回一個遍歷器對象，用來遍歷鍵名鍵值組成的數(shù)組。這三個方法調(diào)用后生成的遍歷器對象，所遍歷的都是計算生成的數(shù)據(jù)結(jié)構(gòu)。

1.map

有返回值，返回一個新的數(shù)組，每個元素為調(diào)用func的結(jié)果。

let list = [1, 2, 3, 4, 5];
let other = list.map((d, i) => {
    return d * 2;
});
console.log(other);
// print: [2, 4, 6, 8, 10]
2.filter

有返回值，返回一個符合func條件的元素數(shù)組

let list = [1, 2, 3, 4, 5];
let other = list.filter((d, i) => {
    return d % 2;
});
console.log(other);
// print: [1, 3, 5]
3.some

返回一個boolean，判斷是否有元素符合func條件，如果有一個元素符合func條件，則循環(huán)會終止。

let list = [1, 2, 3, 4, 5];
list.some((d, i) => {
    console.log(d, i);
    return d > 3;
});
// print: 1,0 2,1 3,2 4,3
// return false
4.every

返回一個boolean，判斷每個元素是否符合func條件，有一個元素不滿足func條件，則循環(huán)終止，返回false。

let list = [1, 2, 3, 4, 5];
list.every((d, i) => {
    console.log(d, i);
    return d < 3;
});
// print: 1,0 2,1 3,2
// return false
5.forEach

沒有返回值，只針對每個元素調(diào)用func。
優(yōu)點：代碼簡介。
缺點：無法使用break，return等終止循環(huán)。

let list = [1, 2, 3, 4, 5];
let other = [];
list.forEach((d, i) => {
    other.push(d * 2);
});
console.log(other);
// print: [2, 4, 6, 8, 10]
6.for in

for-in循環(huán)實際是為循環(huán)”enumerable“對象而設(shè)計的，for in也可以循環(huán)數(shù)組，但是不推薦這樣使用，for–in是用來循環(huán)帶有字符串key的對象的方法。
缺點：只能獲得對象的鍵名，不能直接獲取鍵值。

var obj = {a:1, b:2, c:3};
for (var prop in obj) {
  console.log("obj." + prop + " = " + obj[prop]);
}
// print:  "obj.a = 1" "obj.b = 2" "obj.c = 3"
7.for of

for of為ES6提供，具有iterator接口，就可以用for of循環(huán)遍歷它的成員。也就是說，for of循環(huán)內(nèi)部調(diào)用的是數(shù)據(jù)結(jié)構(gòu)的Symbol.iterator方法。
for of循環(huán)可以使用的范圍包括數(shù)組、Set和Map結(jié)構(gòu)、某些類似數(shù)組的對象（比如arguments對象、DOM NodeList對象）、后文的Generator對象，以及字符串。
有些數(shù)據(jù)結(jié)構(gòu)是在現(xiàn)有數(shù)據(jù)結(jié)構(gòu)的基礎(chǔ)上，計算生成的。比如，ES6的數(shù)組、Set、Map都部署了以下三個方法，調(diào)用后都返回遍歷器對象。

entries

entries() 返回一個遍歷器對象，用來遍歷[鍵名, 鍵值]組成的數(shù)組。對于數(shù)組，鍵名就是索引值；對于Set，鍵名與鍵值相同。Map結(jié)構(gòu)的iterator接口，默認(rèn)就是調(diào)用entries方法。

keys

keys() 返回一個遍歷器對象，用來遍歷所有的鍵名。

values

values() 返回一個遍歷器對象，用來遍歷所有的鍵值。
這三個方法調(diào)用后生成的遍歷器對象，所遍歷的都是計算生成的數(shù)據(jù)結(jié)構(gòu)。

// 字符串
let str = "hello";
for (let s of str) {
  console.log(s); // h e l l o
}

// 遍歷數(shù)組
let list = [1, 2, 3, 4, 5];
for (let e of list) {
    console.log(e);
}
// print: 1 2 3 4 5

// 遍歷對象
obj = {a:1, b:2, c:3};
for (let key of Object.keys(obj)) {
  console.log(key, obj[key]);
}
// print:  a 1 b 2 c 3
說明：對于普通的對象，for...in循環(huán)可以遍歷鍵名，for...of循環(huán)會報錯。
一種解決方法是，使用Object.keys方法將對象的鍵名生成一個數(shù)組，然后遍歷這個數(shù)組。

// entries
let arr = ["a", "b", "c"];
for (let pair of arr.entries()) {
  console.log(pair);
}
// [0, "a"]
// [1, "b"]
// [2, "c"]

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/82238.html

相關(guān)文章

  • JS中some(),every(),forEach(),map(),filter()區(qū)別

    摘要：在中為新增了幾個方法，，，，，也就是一共有這么多方法了。剛開始接觸這些倒也記得不是很清楚，在此紀(jì)錄一下以加深影響。我主要從兩個角度來理解和記憶吧，一個是的使用，一個是內(nèi)部實現(xiàn)。 JS在1.6中為Array新增了幾個方法map()，filter()，some()，every()，forEach()，也就是一共有這么多方法了。 剛開始接觸這些倒也記得不是很清楚，在此紀(jì)錄一下以加深影響。我主...

    CoderBear 評論0 收藏0

  • JS 數(shù)組循環(huán)遍歷方法的對比

    摘要：循環(huán)方法方法不改變原數(shù)組方法會給原數(shù)組中的每個元素都按順序調(diào)用一次函數(shù)。篩選出過濾出數(shù)組中符合條件的項組成新數(shù)組代碼方法方法為數(shù)組中的每個元素執(zhí)行一次函數(shù)，直到它找到一個使返回表示可轉(zhuǎn)換為布爾值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 發(fā)展至今已經(jīng)發(fā)展出多種數(shù)組的循環(huán)遍...

    BlackFlagBin 評論0 收藏0

  • jS:關(guān)于對象遍歷和數(shù)組遍歷的那些事

    摘要：如圖遍歷數(shù)組遍歷數(shù)組元素并以某種方式處理每個元素是一個常見的操作。如圖不過，里的功能比較強(qiáng)大，可以遍歷而且返回值是的則被省略掉總結(jié)遍歷對象，遍歷出來的是鍵名，而不是鍵值，參數(shù)必須是對象。 可能是由于職業(yè)的關(guān)系，下班之后完全不想Open PC，但很多知識點有必要自己做個小小總結(jié)。本人之前對原生Array和Object完全沒概念。 遍歷對象的方法： Object.keys(Object)...

    qingshanli1988 評論0 收藏0

  • 關(guān)于JS循環(huán)遍歷

    摘要：關(guān)于循環(huán)遍歷寫下這篇文章的目的，主要是想總結(jié)一下關(guān)于對于集合對象遍歷的方式方法，以及在實際應(yīng)用場景中怎樣去使用它們。的作用主要是去遍歷對象的可枚舉屬性。例如索引，數(shù)值打印結(jié)果為當(dāng)?shù)诙棽粷M足條件式跳出循環(huán)，返回。 關(guān)于JS循環(huán)遍歷 寫下這篇文章的目的，主要是想總結(jié)一下關(guān)于JS對于集合對象遍歷的方式方法，以及在實際應(yīng)用場景中怎樣去使用它們。本文會主要介紹：while,for,forEac...

    eternalshallow 評論0 收藏0

  • IE兼容forEach/map/every/some/indexOf/filter/getCompu

    摘要：修復(fù)兼容等新方法。在第版時，被添加進(jìn)標(biāo)準(zhǔn)因此在某些實現(xiàn)環(huán)境中不被支持。是在最近的標(biāo)準(zhǔn)中新添加的方法所以一些舊版本的瀏覽器可能沒有實現(xiàn)該方法。算法假定和擁有它們的初始值。 修復(fù)IE兼容forEach、indexOf、filter、getComputedStyle等新方法。補(bǔ)充：此文是從這里搜集來的developer.mozilla.org，只是個人做個筆記，為了方便以后對JSLite萬一...

    XUI 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<