js數(shù)組的迭代方法

tabalt 發(fā)布于2019-08-23 13:46 / 3326人閱讀

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

every與some

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

遍歷數(shù)組

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

返回的都是布爾值

2 every()和some()的區(qū)別

every: 字面意思，遍歷數(shù)組每一項，若全部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:還是字面意思，遍歷數(shù)組每一項，若某一項為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

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

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

forEach

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

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


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

map

迭代,返回每次函數(shù)調(diào)用的結果組成的數(shù)組

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迭代數(shù)組 js創(chuàng)建數(shù)組的方法 js數(shù)組方法 js數(shù)組操作方法

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

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

js中的常見的循環(huán)迭代：for loop, forEach, for...in... for...

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

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

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

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

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

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

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

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

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

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

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

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