es6 filter() 数组过滤方法总结

blastz 发布于2019-08-26 13:41 / 1453人阅读

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，toStringpush：从数组最后一位开始加数据

pop:把数组最后一位剪切

shift:在数组最前一位剪切

unshift:在数组最前一位加数

reverse:把原数组逆转

splice:arr.splice(从第几位开始，截取多少长度，在切口处添加新数据)

concat ：连接join:返回字符串

slice:截取arr.slice(从该为开始截取，截取到该为)

es6 filter() 数组过滤方法总结
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]

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109339.html

es6 filter() 数组过滤方法总结

摘要：创建一个数组，判断数组中是否存在某个值也可以通过上面方法过滤掉为的留下为的去掉空数组空字符串复制代码空字符串里面不能包含空格复制代码去掉数组中不符合项过滤不符合项数组去重 1.创建一个数组，判断数组中是否存在某个值 var newarr = [ { num: 1, val: ceshi, flag: aa }, { num: 2, val: ceshi2, flag: aa2 }...

andong777 2019-08-23 16:05 评论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