手记

【备战春招】第11天 ES6基础知识详解(七)

课程章节: ES6基础知识详解

课程讲师大谷

课程内容:

filter的使用:

(1) 作用是用来筛选数组中的内容

当我们定义一个数组,想要筛选数组中等于6的值,我们就可以使用filter结合箭头函数进行过滤。因为下面参数只有一个x,所以我们省略了箭头函数的小括号和大括号。我们还可以使用普通函数去实现过滤,将x当参数传进去,然后将结果return出来即可。除了过滤数组里面的单个数据,当数组中不是含有的单个参数,而是很多单个的集合时,我们也是可以用filter方法进行过滤。

ES6必知必会要点二:

(1) setmap数据结构

ES6中我们可以使用set进行去重,当我们定义的数组中出现了重复的数字,我们可以使用new Set()将数组去重,得到的结果就是将重复的数进行过滤掉,返回的是一个没有重复数字的集合。

set除了去重之外,我们还可以给数组增加内容,删除内容等功能。增加内容我们使用add方法,删除内容使用delete方法。除此之外我们还可以使用set将两个数组进行合并后再过滤,我们只需要定义一个新的变量去接收结果,然后new Set([...set1, ...set2, ...]),我们将需要合并的数组传递到数组中,每个数组用逗号隔开,我们需要在添加的数组前面添加...,用来将数组拆分成单个的参数。我们还可以结合filter将两个数组中相同的内容进行输出,new Set([...set1].filter(x => set3.has(x))),这样输出的结果就是两个数组交叉的内容。如果想要显示set3中不含有set1的数,我们只需要在set3的前面添加一个!即可。

课程收获:

这一章主要学习了filter方法和ES6必知必会的set知识点,其中filter用来过滤符合我们需要的数据,当后端传递的值中有一些是我们不需要或者不符合我们要求的,我们就可以使用该方法进行实现。set学习了几个知识点,第一个就是进行数组的去重,第二是进行数组内容的添加和删除,第三个是数组的合并以及合并后过滤相同的数。最后就是筛选一个数组在另一个数组中存在或者不存在的数,这个需要结合filter一起使用。我们需要记住new Set()返回的是一个对象,而不是一个数组。

1人推荐
随时随地看视频
慕课网APP