es6 filter函数的用法_es6 filter() 数组过滤方法总结

1.创建一个数组，判断数组中是否存在某个值

var newarr = [

{ num: , val: 'ceshi', flag: 'aa' },

{ num: , val: 'ceshi2', flag: 'aa2' }

]

console.log(newarr.filter(item => item.num=== ))

2.也可以通过上面方法过滤掉num为2的留下num为1的

var newarr = [

{ num: , val: 'ceshi', flag: 'aa' },

{ num: , val: 'ceshi2', flag: 'aa2' }

]

console.log(newarr.filter(item => item.num!= ))

3.去掉空数组空字符串、undefined、null

var arr = ['','',undefined, '3.jpg',undefined]

var newArr = arr.filter(item => item)

console.log(newArr)

var arr = ['','',null, '3.jpg',null]

var newArr = arr.filter(item => item)

console.log(newArr)

>//空字符串里面不能包含空格

var arr = ['','','', '3.jpg','']

var newArr = arr.filter(item => item)

console.log(newArr)

4.去掉数组中不符合项

var arr = [,,, ,]

var newArr = arr.filter(item => item>)

console.log(newArr)

5.过滤不符合项

var arr = ['','','','','']

var newArr = arr.filter(item => item.indexOf('')

console.log(newArr)

6.数组去重

var arr = [, , , , , , , , , ,,,,,,,,,];

var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)

console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]

7.数组去重es6

var arr=[,,,'',null,null,undefined,undefined,NaN,NaN]

let res=Array.from(new Set(arr));//{1,2,"1",null,undefined,NaN}

//or

let newarr=[...new Set(arr)]

8.数组对象去重es6

let person = [

{id: 0, name: "小明"},

{id: 1, name: "小张"},

{id: 2, name: "小李"},

{id: 3, name: "小孙"},

{id: 1, name: "小周"},

{id: 2, name: "小陈"},

];

let obj = {};

let peon = person.reduce((cur,next) => {

obj[next.id] ? "" : obj[next.id] = true && cur.push(next);

return cur;

},[]) //设置cur默认类型为数组，并且初始值为空的数组

console.log(peon);

// (4) [{…}, {…}, {…}, {…}]0: {id: 0, name: "小明"}1: {id: 1, name: "小张"}2: {id: 2, name: "小李"}3: {id: 3, name: "小孙"}length: 4__proto__: Array(0)

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

1.创建一个数组,判断数组中是否存在某个值 var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', ...

es6 的数组的方法

es6 数组的拓展 数组的类 Array 数组的定义: 1. var arr=[]; 2. var arr=new Array(3) // 3 代表有三个元素 arr[0]=12; arr[1]=24 ...

ES6之数组扩展方法【一】(相当好用)

form 转化为真正的数组 先说一下使用场景,在Js中,我们要经常操作DOM,比如获取全部页面的input标签,并且找到类型为button的元素,然后给这个按钮注册一个点击事件,我们可能会这样操作: ...

关于ES6的数组字符串方法

注:ES6的一些新属性会显示语法错误,不过不会影响效果,在Languages里面也可以调: let:用来定义变量 特点:只能在代码块里面使用,let拥有块级作用域;并且let不允许重复声明;比如: v ...

es6数组的方法

1.复习的函数 函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间 2.函数的成员 arguments:null  (是实参构成的数组 ...

ES6使用的一些方法

查找数组中符合条件的所有记录 var list=[ {id:1,name:"张三"}, {id:2,name:"李四"}, {id:3,name:"王 ...

ES6 数组遍历方法的实战用法总结(forEach，every，some，map，filter，reduce，reduceRight，indexOf，lastIndexOf)

目录 forEach every some map filter reduce && reduceRight indexOf lastIndexOf 前言 ES6原生语法中提供了非常多 ...

数组方法map(映射)，reduce(规约)，foreach(遍历)，filter(过滤)

数组方法map(映射),reduce(规约),foreach(遍历),filter(过滤) map()方法返回一个由原数组中每一个元素调用一个指定方法后返回的新数组 reduce()方法接受一个函数作 ...

[js]es6语法: 字符串和数组的方法

s的方法 根据index取value: 取首尾项,arr[0], arr[arr.length-1] 根据value取index(判断是否包含子字符串): s.indexOf 栗子: 'maotai' ...

随机推荐

TCP三次握手/四次挥手详解

一. TCP/IP协议族 TCP/IP是一个协议族,通常分不同层次进行开发,每个层次负责不同的通信功能.包含以下四个层次: 1. 链路层,也称作数据链路层或者网络接口层,通常包括操作系统中的设备驱动程 ...

12.Linux软件安装 (一步一步学习大数据系列之 Linux)

1.如何上传安装包到服务器 有三种方式: 1.1使用图形化工具,如: filezilla 如何使用FileZilla上传和下载文件 1.2使用 sftp 工具: 在 windows下使用CRT 软件 ...

Windows“神器”收集贴

本文本来是刚开始发现autohotkey时比较兴奋,收集了几个autohotkey的介绍页面.最近又发现了win下多桌面的神器virtuawin,心想干脆在把本帖改成专门收集win下神器的帖子吧.如果 ...

LoopBack – 开源的，可扩展的 Node.js 框架

LoopBack 是建立在 Express 基础上的开源 Node.js 框架,专门为 Mobile,Web 和其他设备做了优化.LoopBack 能够连接到多个数据源,使用 Node.js 编写业务 ...

JavaScript遍历table的行和列

来源:http://blog.csdn.net/bobwu/article/details/7497412