filter用法

vue中filter用法

---

filter

filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。
和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。

---

单个参数

1.去除array中空字符串（示例）：

var arrNew, arr= ["a", "b", "c", "", "e"];
console.log(arrNew);// undefined
console.log(arr);// ["a", "b", "c", "", "e"]
// 常规写法
// arrNew = arr.filter(function (s) {
//     return s & s.trim();
// });
// 箭头函数
arrNew= arr.filter(s => s && s.trim());// 注意：IE9以下的版本没有trim()方法
console.log(arrNew);// ["a", "b", "c", "e"]
console.log(arr);// ["a", "b", "c", "", "e"]

多个参数

1.去除array中重复字符串（示例）：

var arrNew, arr = ['a', 'b', 'c', 'a', 'b', 'c', 'd', 'e'];
//思路：去除重复元素依靠的是indexOf总是返回第一个元素的位置，后续的重复元素位置与indexOf返回的位置不相等，因此被filter滤掉了。
// 常规写法
// arrNew = arr.filter(function (element, index, self) {
//     console.log(element);// 依次打印'a', 'b', 'c', 'a', 'b', 'c', 'd', 'e'
//     console.log(index);// 依次打印0, 1, 2, 3, 4, 5, 6, 7
//     console.log(self);// self就是变量arr
//     return self.indexOf(element) === index;
// });
// 箭头函数
arrNew= arr.filter((element, index, self) => self.indexOf(element) === index);
console.log(arrNew);// ["a", "b", "c", "d", "e"]