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

课程名称：4小时快速体验ES6-10的强大

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

课程讲师：大谷

课程内容：

filter的使用：

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

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

ES6必知必会要点二：

(1) set 和 map数据结构

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()返回的是一个对象，而不是一个数组。