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

資訊專欄INFORMATION COLUMN

JavaScript常用的遍歷數(shù)組的方法

oneasp / 2875人閱讀

摘要：找到年齡大于的動(dòng)物方法遍歷整個(gè)數(shù)組里，返回一個(gè)新數(shù)組，新數(shù)組里的元素經(jīng)過的指定回調(diào)函數(shù)的處理。

forEach() 方法 

遍歷數(shù)組里的每個(gè)元素，直接在回調(diào)函數(shù)里對(duì)每個(gè)元素進(jìn)行操作，沒有返回值。
let animals = ["dog", "cat", "pig"];
animals.forEach( item => {
    console.log(item);
});

filter() 方法 

過濾數(shù)組中的某些元素，在回調(diào)函數(shù)中設(shè)置條件，不滿足的都會(huì)被過濾掉，返回一個(gè)新數(shù)組。
let animals = [
    {name: "dog", age: 2}, 
    {name: "cat", age: 5}, 
    {name: "pig", age: 1}, 
    {name: "peacock", age: 8}
];
let newAnimals = animals.filter( item => {
    // 找到年齡大于3的動(dòng)物
    return item.age > 3;
});

console.log(newAnimals);

map() 方法 

遍歷整個(gè)數(shù)組里，返回一個(gè)新數(shù)組，新數(shù)組里的元素經(jīng)過的指定回調(diào)函數(shù)的處理。
let animals = [
    {name: "dog", age: 2}, 
    {name: "cat", age: 5}, 
    {name: "pig", age: 1}, 
    {name: "peacock", age: 8}
];
let newAnimals = animals.map( item => {
    // 每種動(dòng)物的年齡加個(gè)單位"年"
    item.age = item.age + "年";
    return item;
});

console.log(newAnimals);

every() 方法 

對(duì)數(shù)組中的每個(gè)元素都執(zhí)行回調(diào)函數(shù)，直到此函數(shù)返回 false；如果回調(diào)函數(shù)對(duì)每個(gè)元素執(zhí)行后都返回 true ，every 將返回 true。
let passed = [12, 5, 8, 130, 44];
let result = passed.every( item => {
    console.log(item);
    // 結(jié)果：12
    // 結(jié)果：5
    return (item >= 10);
});

console.log(result); // 結(jié)果：false

passed = [12, 54, 18, 130, 44];
result = passed.every( item => {
    console.log(item);
    // 結(jié)果：12
    // 結(jié)果：54
    // 結(jié)果：18
    // 結(jié)果：130
    // 結(jié)果：44
    return (item >= 10);
});

console.log(result); // 結(jié)果：true

some() 方法 

對(duì)數(shù)組中的每個(gè)元素都執(zhí)行回調(diào)函數(shù)，直到此函數(shù)返回 true；如果回調(diào)函數(shù)對(duì)每個(gè)元素執(zhí)行后都返回 false ，some 將返回 false。
let passed = [2, 5, 8, 1, 4];
let result = passed.some( item => {
    console.log(item);
    // 結(jié)果：2
    // 結(jié)果：5
    // 結(jié)果：8
    // 結(jié)果：1
    // 結(jié)果：4
    return (item >= 10);
});

console.log(result); // 結(jié)果：false

passed = [12, 5, 8, 1, 4];
result = passed.some( item => {
    console.log(item);
    // 結(jié)果：12
    return (item >= 10);
});

console.log(result); // 結(jié)果：true

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

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

相關(guān)文章

  • javascript的幾種常見遍歷數(shù)據(jù)結(jié)構(gòu)的語法

    摘要：接觸這么多年，第一次總結(jié)一下它的遍歷語法。而且你必須借助特定的結(jié)構(gòu)才能遍歷數(shù)據(jù)結(jié)構(gòu)。它的作用是遍歷對(duì)象的鍵名。建議僅在遍歷數(shù)組的時(shí)候使用。另一個(gè)優(yōu)點(diǎn)是，它可以遍歷任何部署了接口的數(shù)據(jù)結(jié)構(gòu)，甚至是非的數(shù)據(jù)類型，即自己定義的數(shù)據(jù)結(jié)構(gòu)。 接觸JavaScript這么多年，第一次總結(jié)一下它的遍歷語法。以前我大部分時(shí)間都在老版本的JavaScript下寫代碼，所以大部分時(shí)間都是用for...in...

    kohoh_ 評(píng)論0 收藏0

  • JavaScript Array 整理 - 遍歷操作

    摘要：描述此函數(shù)用來遍歷數(shù)組的每一個(gè)元素，回調(diào)的返回值有意義，返回時(shí)，數(shù)組停止循環(huán)。問題一個(gè)數(shù)組最多可以有多長中規(guī)定，數(shù)組的長度會(huì)使用轉(zhuǎn)化，即。 這是我的原創(chuàng)文章，原文地址：http://lpgray.me/article/48/ 今天談?wù)劵A(chǔ)，在前端開發(fā)中，Array的基礎(chǔ)操作很是頻繁多見，在ES5中有許多Array的新特性，但是對(duì)于我等中國的碼農(nóng)，尤其是PC前端狗整天就與IE678打交道...

    mengera88 評(píng)論0 收藏0

  • JavaScript：對(duì)Object對(duì)象的一些常用操作總結(jié)

    摘要：一可以用作對(duì)象的復(fù)制可以用作對(duì)象的合并注意目標(biāo)對(duì)象自身也會(huì)改變。對(duì)象四返回一個(gè)數(shù)組，包括對(duì)象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。該方法返回被凍結(jié)的對(duì)象。方法判斷一個(gè)對(duì)象是否被凍結(jié)。 JavaScript對(duì)Object對(duì)象的一些常用操作總結(jié)。 一、Object.assign() 1.可以用作對(duì)象的復(fù)制 var obj = { a: 1 }; var copy = Object....

    馬龍駒 評(píng)論0 收藏0

  • 前端常用代碼片段(四)

    摘要：盡量避免使用表達(dá)式又稱動(dòng)態(tài)屬性。使用計(jì)算數(shù)組中的重復(fù)項(xiàng)如果你想計(jì)算數(shù)組中的每個(gè)值有多少重復(fù)值，也可以快速幫到你。 前端常用代碼片段(一) 點(diǎn)這里前端常用代碼片段(二) 點(diǎn)這里前端常用代碼片段(三) 點(diǎn)這里前端常用代碼片段(四) 點(diǎn)這里前端常用代碼片段(五) 點(diǎn)這里前端常用代碼片段(六) 點(diǎn)這里 1.簡(jiǎn)述一下你對(duì)HTML語義化的理解？并寫出一段語義化的HTML？ 語義化是指根據(jù)內(nèi)容的結(jié)...

    worldligang 評(píng)論0 收藏0

  • JavaScript es5中的Array常用的forEach、map、filter、indexOf

    摘要：的的區(qū)別和相同之處就是數(shù)組的遍歷循環(huán)，回調(diào)支持三個(gè)參數(shù)，第個(gè)是遍歷的數(shù)組內(nèi)容第個(gè)是對(duì)應(yīng)的數(shù)組索引，第個(gè)是數(shù)組本身他是沒有返回值得，不需要再下面，更進(jìn)一步，除了接受一個(gè)必須的回調(diào)函數(shù)參數(shù)，還可以接受一個(gè)可選的上下文參數(shù)改變回調(diào)函數(shù)里面 Array的forEach、map的區(qū)別和相同之處 forEach 1、 forEach就是數(shù)組的遍歷、循環(huán) ，回調(diào)支持三個(gè)參數(shù)，第1個(gè)是遍歷的數(shù)組內(nèi)容；...

    xuexiangjys 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<