es6 filter() 數組過濾方法總結

andong777 發布于2019-08-23 16:05 / 3592人閱讀

摘要：創建一個數組，判斷數組中是否存在某個值也可以通過上面方法過濾掉為的留下為的去掉空數組空字符串復制代碼空字符串里面不能包含空格復制代碼去掉數組中不符合項過濾不符合項數組去重

1.創建一個數組，判斷數組中是否存在某個值

var newarr = [
{ num: 1, val: "ceshi", flag: "aa" },
{ num: 2, val: "ceshi2", flag: "aa2" }
]
console.log(newarr.filter(item => item.num===2 ))
2.也可以通過上面方法過濾掉num為2的留下num為1的

var newarr = [
{ num: 1, val: "ceshi", flag: "aa" },
{ num: 2, val: "ceshi2", flag: "aa2" }
]
console.log(newarr.filter(item => item.num!=2 ))
3.去掉空數組空字符串、undefined、null

復制代碼
var arr = ["1","2",undefined, "3.jpg",undefined]
var newArr = arr.filter(item => item)
console.log(newArr)

var arr = ["1","2",null, "3.jpg",null]
var newArr = arr.filter(item => item)
console.log(newArr)

//空字符串里面不能包含空格
var arr = ["1","2","", "3.jpg",""]
var newArr = arr.filter(item => item)
console.log(newArr)
復制代碼
4.去掉數組中不符合項

var arr = [20,30,50, 96,50]
var newArr = arr.filter(item => item>40)
console.log(newArr)
5.過濾不符合項

var arr = ["10","12","23","44","42"]
var newArr = arr.filter(item => item.indexOf("2")<0)
console.log(newArr)
6.數組去重

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)
console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]

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

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

es6 filter() 數組過濾方法總結

Array.every(x=>x)是每一個都要滿足 Array.some(x=>x)是有一個滿足。 Array.find（findIndex)，返回符合條件的第一個值。 Array.filter（過濾成新的數組）數組的方法分為兩類 1）改變原數組 push,pop,shift,unshift,sort,reverse,splice 2）不改變原數組concat,join--> split，toS...

blastz 2019-08-26 13:41 評論0 收藏0
JavaScript數組去重—ES6的兩種方式

摘要：數組的方法方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。可選，執行函數時的值。刪除所有的鍵值對，沒有返回值。返回一個布爾值，表示某個鍵是否在當前對象之中。說明 JavaScript數組去重這個問題，經常出現在面試題中，以前也寫過一篇數組去重的文章，（JavaScript 數組去重的多種方法原理詳解）但感覺代碼還是有點不夠簡單，今天和大家再說兩種方法，代碼...

FrancisSoung 2019-08-21 17:26 評論0 收藏0
JavaScript數組去重—ES6的兩種方式

摘要：數組的方法方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。可選，執行函數時的值。刪除所有的鍵值對，沒有返回值。返回一個布爾值，表示某個鍵是否在當前對象之中。說明 JavaScript數組去重這個問題，經常出現在面試題中，以前也寫過一篇數組去重的文章，（JavaScript 數組去重的多種方法原理詳解）但感覺代碼還是有點不夠簡單，今天和大家再說兩種方法，代碼...

lijinke666 2019-08-01 17:57 評論0 收藏0
JavaScript數組去重—ES6的兩種方式

摘要：數組的方法方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。可選，執行函數時的值。刪除所有的鍵值對，沒有返回值。返回一個布爾值，表示某個鍵是否在當前對象之中。說明 JavaScript數組去重這個問題，經常出現在面試題中，以前也寫過一篇數組去重的文章，（JavaScript 數組去重的多種方法原理詳解）但感覺代碼還是有點不夠簡單，今天和大家再說兩種方法，代碼...

Clect 2019-08-29 13:43 評論0 收藏0