js數組的迭代方法

tabalt 發布于2019-08-23 13:46 / 3319人閱讀

摘要：與和的相同點遍歷數組三個參數分別是數組具體項，位置，數字本身返回的都是布爾值和的區別字面意思，遍歷數組每一項，若全部，則返回參考還是字面意思，遍歷數組每一項，若某一項為，則返回參考對數組中的每一項運行給定函數返回該函數會返回的項組成的集合對

every與some

1 every()和some()的相同點

遍歷數組

三個參數分別是item,index,arr(數組具體項，位置，數字本身)

返回的都是布爾值

2 every()和some()的區別

every: 字面意思，遍歷數組每一項，若全部true，則返回true（參考&&）

    let arr1 = [1, 1, 1, 1, 1,]
    let arr2 = [1, 1, 2, 1, 1,]
    let result1 = arr1.every((item) => {
        return item == 1 //true
    })
    let result2 = arr2.every((item) => {
        return item == 1 //false
    })

some:還是字面意思，遍歷數組每一項，若某一項為true，則返回true(參考||)

    let arr1 = [1, 1, 1, 1, 1,]
    let arr2 = [1, 1, 2, 1, 1,]
    let result1 = arr1.some((item) => {
        return item == 1 //true
    })
    let result2 = arr2.some((item) => {
        return item == 1 //true
    })

filter

對數組中的每一項運行給定函數,返回該函數會返回true的項組成的集合

var result = number.filter(function(item,index,arr) {
    return (item > 3)
})
console.log(result) //[4,5,6]

forEach

對數組中的每一項運行給定函數,沒有返回值
對項進行更改操作,不會對原數組產生影響

number.forEach(function(item,index,array) {
    if(index == 2) {
        item = "qwe"
        console.log(index,item) //item == "qwe"
    }
})
console.log(number) //原數組


var result = number.forEach(function(item,index,array) { 
    return item = "qwe" 
}) 
console.log(result)//undefined

map

迭代,返回每次函數調用的結果組成的數組

var result = number.map(function(item,index,array) { 
    return item = "qwe" 
}) 
console.log(result) // ["qwe","qwe","qwe","qwe","qwe","qwe","qwe","qwe","qwe"]

GPU云服務器云服務器 js迭代數組 js創建數組的方法 js數組方法 js數組操作方法

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

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

js中的常見的循環迭代：for loop, forEach, for...in... for...

摘要：下面就總結下中常見的幾種循環方法。因為循環將遍歷對象本身的所有可枚舉屬性，以及對象從其構造函數原型中繼承的屬性。上也明確提示不應該用于迭代一個，其中索引順序很重要。引言平時工作中循環的使用場景可以說是非常之多了，昨天改別人代碼時候有位同事非常喜歡用ES6等新特性，一個數組的遍歷全部都是用for...of...，然后業務需求要用到數組中的序號index值，就很尷尬了，我只能改回for...

Leo_chen 2019-08-23 12:44 評論0 收藏0
JS迭代器模式《JavaScript設計模式與開發實踐》閱讀筆記

摘要：但實際中，內部迭代器和外部迭代器兩者并無優劣。迭代器并不只迭代數組迭代器模式不僅能迭代數組，還可以迭代一些類數組對象。晚安了，參考設計模式與開發實踐曾探本文作者本文鏈接迭代器模式設計模式與開發實踐閱讀筆記迭代器模式：一個相對簡單的模式，目前絕大多數語言都內置了迭代器，以至于大家都不覺得這是一種設計模式迭代器模式迭代器模式指提供一種方法訪問一個聚合對象中的各個元素，而又不需要暴露該...

djfml 2019-08-23 10:43 評論0 收藏0
JS數組的迭代

摘要：方法對數組的每個元素執行一次提供的函數。與的區別是返回一個循環處理后的數組，不改變原數組的值，而則只是遍歷一遍數組，執行提供的函數。對于放在空數組上的任何條件，此方法返回。 forEach forEach() 方法對數組的每個元素執行一次提供的函數。 var array1 = [a, b, c]; array1.forEach(function(element) { consol...

cc17 2019-08-23 15:38 評論0 收藏0
js 中的迭代方法

摘要：根據使用的方法不同，這個函數執行后的返回值可能會也可能不會影響方法的返回值。對數組中的每一項運行給定函數，返回改函數會返回的項組成的數組。 ECMAScript 為數組定義了五個迭代方法。每個方法都接收兩個參數：要在每一項上運行的函數和（可選的）運行該函數的作用域對象——影響this的值。傳入這些方法中的函數會接收三個參數：數組項的值、該項在數組中的位置和數組對象本省。根據使用的...

fsmStudy 2019-08-20 17:34 評論0 收藏0
js數組操作--使用迭代方法替代for循環

摘要：還有一個就是，我本身在數組的遍歷上，基本都是用循環進行操作，在開始使用了迭代方法之后，我循環用的很少。對數組中每一項運行給定函數。返回該函數會返回的項組成的數組。前言數組的迭代方法，這個想必大家都不陌生了，可能剛入門的人暫時還沒接觸到這個。但是以后的開發中，肯定會用得上的。我自身的一個使用經歷就是，如果迭代方法用的適當，不但可以減少代碼量，也能使代碼可讀性更強，性能上的優化也是肯定...

kamushin233 2019-08-21 15:55 評論0 收藏0
js for of 無法改變數組變量

摘要：今天寫個函數時想遍歷數組，想想沒怎么用過這類的語法，于是做了個嘗試，竟發現無法改變數組元素。這里我們可以看到的本質是返回一個迭代器第三，迭代器是如何獲得值的迭代器通過方法返回值，而不是指向地址，所以在迭代中無法改變數組元素參考材料今天寫個函數時想遍歷數組，想想沒怎么用過for...of...這類的語法，于是做了個嘗試，竟發現for...of...無法改變數組元素。貼代碼，上例子 l...

hover_lew 2019-08-23 10:28 評論0 收藏0