js中every用法_js数组中的方法 some, every, filter, find,map, reduce讲解及使用场景
前言
之前對數組的循環來說,我拿到代碼就使用forEach循環,主要原因是我對數組的其他方法不是很了解,以及覺得forEach已經可以做到想要的效果,沒必要在去使用其他方法,這都是對使用場景不了解導致的,為了讓自己的代碼不再是千篇一律的forEach。特地總結一下這幾個方法。
函數1:some
函數形式:arr.some((value, index, arr) => {})
參數說明:第一個是每一個選項的值,第二個是索引,第三個是數組本身
使用場景:表示數組中是否有一項滿足條件的,如果有就返回true,終止循環,如果沒有,一直循環到結束,返回false,如果需要判斷只要有一項滿足就可以使用改方法
之前判斷是否重名用的都是forEach這次可以換成some方式解決問題
函數2:every
函數形式:arr.every((value, index, arr) => {})
參數說明:第一個是每一個選項的值,第二個是索引,第三個是數組本身
使用場景:表示數組中是否每一項滿足條件的,如果是就返回true,如果有一項不滿足則返回false,終止循環
重名判斷用every來解決
函數3:filter
函數形式:arr.filter((value, index, arr) => {})
參數說明:第一個是每一個選項的值,第二個是索引,第三個是數組本身
使用場景:表示來獲取符合條件的每一個選項,并返回。如果沒找到就返回一個空數組,如果一個數組是根據另一個數組按照某一個條件得到的可以用該方法
函數4:find
函數形式:arr.find((value, index, arr) => {})
參數說明:第一個是每一個選項的值,第二個是索引,第三個是數組本身
使用場景:表示來查找符合條件的任意一個,找到就返回改項,沒有就返回undefined, 此方法和some方法差不多,但是此方法可以把找到的選項信息打印出來.
函數5:map
函數形式:arr.map((value, index, arr) => {})
參數說明:第一個是每一個選項的值,第二個是索引,第三個是數組本身
使用場景:map就是用來對數組進行一個處理,返回一個新的數組,在需要返回一個新的數組中使用
函數6:reduce
函數形式:arr.reduce((pre,value, index, arr) => {},initArr);
參數說明:
情況1(沒初始化值情況下)
第一次時候pre表示第一個選項,value表示第二個選項,index表示當前項的下標(此時當前項目是第二項),arr表示原數組
第二次時候pre表示的是return出來的值,value表示下一個選項,一次類推
情況2(有初始化值的情況下)
第一次時候pre表示初始化的值,value表示第一個選項,index表示第一個選項索引,arr表示數組本身
第二次時候pre表示返回的值,value表示第二個值,依次類推
使用場景:需要累加數組值,計數的時候可使用
總結
以上是生活随笔為你收集整理的js中every用法_js数组中的方法 some, every, filter, find,map, reduce讲解及使用场景的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: redis将散裂中某个值自增_redis
- 下一篇: 戴尔推出 UltraSharp 49 曲