JavaScript常用的遍歷數組的方法

oneasp 發布于2019-08-22 13:50 / 2868人閱讀

摘要：找到年齡大于的動物方法遍歷整個數組里，返回一個新數組，新數組里的元素經過的指定回調函數的處理。

forEach() 方法

遍歷數組里的每個元素，直接在回調函數里對每個元素進行操作，沒有返回值。

let animals = ["dog", "cat", "pig"];
animals.forEach( item => {
    console.log(item);
});

filter() 方法

過濾數組中的某些元素，在回調函數中設置條件，不滿足的都會被過濾掉，返回一個新數組。

let animals = [
    {name: "dog", age: 2}, 
    {name: "cat", age: 5}, 
    {name: "pig", age: 1}, 
    {name: "peacock", age: 8}
];
let newAnimals = animals.filter( item => {
    // 找到年齡大于3的動物
    return item.age > 3;
});

console.log(newAnimals);

map() 方法

遍歷整個數組里，返回一個新數組，新數組里的元素經過的指定回調函數的處理。

let animals = [
    {name: "dog", age: 2}, 
    {name: "cat", age: 5}, 
    {name: "pig", age: 1}, 
    {name: "peacock", age: 8}
];
let newAnimals = animals.map( item => {
    // 每種動物的年齡加個單位"年"
    item.age = item.age + "年";
    return item;
});

console.log(newAnimals);

every() 方法

對數組中的每個元素都執行回調函數，直到此函數返回 false；如果回調函數對每個元素執行后都返回 true ，every 將返回 true。

let passed = [12, 5, 8, 130, 44];
let result = passed.every( item => {
    console.log(item);
    // 結果：12
    // 結果：5
    return (item >= 10);
});

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

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

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

some() 方法

對數組中的每個元素都執行回調函數，直到此函數返回 true；如果回調函數對每個元素執行后都返回 false ，some 將返回 false。

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

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

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

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

云服務器 GPU云服務器 jquery常用的方法常用的數據統計方法常用的數據挖掘方法數據分析的常用方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92511.html

javascript的幾種常見遍歷數據結構的語法

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

kohoh_ 2019-08-22 10:41 評論0 收藏0
JavaScript Array 整理 - 遍歷操作

摘要：描述此函數用來遍歷數組的每一個元素，回調的返回值有意義，返回時，數組停止循環。問題一個數組最多可以有多長中規定，數組的長度會使用轉化，即。這是我的原創文章，原文地址：http://lpgray.me/article/48/ 今天談談基礎，在前端開發中，Array的基礎操作很是頻繁多見，在ES5中有許多Array的新特性，但是對于我等中國的碼農，尤其是PC前端狗整天就與IE678打交道...

mengera88 2019-08-21 10:25 評論0 收藏0
JavaScript：對Object對象的一些常用操作總結

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

馬龍駒 2019-08-23 12:46 評論0 收藏0
前端常用代碼片段(四)

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

worldligang 2019-08-23 14:41 評論0 收藏0
JavaScript es5中的Array常用的forEach、map、filter、indexOf

摘要：的的區別和相同之處就是數組的遍歷循環，回調支持三個參數，第個是遍歷的數組內容第個是對應的數組索引，第個是數組本身他是沒有返回值得，不需要再下面，更進一步，除了接受一個必須的回調函數參數，還可以接受一個可選的上下文參數改變回調函數里面 Array的forEach、map的區別和相同之處 forEach 1、 forEach就是數組的遍歷、循環，回調支持三個參數，第1個是遍歷的數組內容；...

xuexiangjys 2019-08-20 15:37 評論0 收藏0