什么是filter？
filter是JavaScript中的一个内置函数，主要用于过滤数组中的元素，并返回符合条件的新数组。该函数可以接收一个回调函数作为参数，该回调函数会对数组中的每个元素进行判断，如果符合条件则将该元素保留在新数组中。
const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(item => item > 3);
console.log(newArr); // [4, 5]
filter的全局使用
filter函数可以在全局范围内使用。因为它是JavaScript的内置函数，所以无需像其他函数一样在使用前进行导入。
要在全局范围内使用filter函数，只需在代码中调用它即可。以下代码演示了如何在全局范围内使用filter函数。
const fruits = ["apple", "banana", "cherry", "orange", "grape"];
const filteredFruits = fruits.filter(fruit => fruit.length > 5);
console.log(filteredFruits); // ["banana", "cherry", "orange"]
如何在对象数组中使用filter？
除了在普通数组中使用filter，我们还可以在对象数组中使用filter。在对象数组中使用filter可以更有效地处理数据。以下代码演示了如何在对象数组中使用filter。
const products = [
{ name: "iPhone", price: 800 },
{ name: "iPad", price: 1200 },
{ name: "MacBook", price: 2000 },
{ name: "iMac", price: 1500 },
{ name: "AirPods", price: 200 }
];
const expensiveProducts = products.filter(product => product.price > 1000);
console.log(expensiveProducts);
// 输出: [{name: "iPad", price: 1200}, {name: "MacBook", price: 2000}, {name: "iMac", price: 1500}]
数组对象中的嵌套属性如何过滤？
在对象数组中，我们有时需要对嵌套的属性进行过滤。以下代码演示了如何对嵌套的属性进行过滤。
const people = [
{ name: "Jack", age: 20, job: { company: "IBM", position: "engineer" } },
{ name: "John", age: 30, job: { company: "Apple", position: "manager" } },
{ name: "Lisa", age: 25, job: { company: "Google", position: "designer" } },
{ name: "Tom", age: 35, job: { company: "Microsoft", position: "developer" } }
];
const designers = people.filter(person => person.job.position === "designer");
console.log(designers); // 输出: [{name: "Lisa", age: 25, job: {company: "Google", position: "designer"}}]
如何在filter中使用this关键字？
在filter函数的回调函数中，可以使用this关键字来引用当前元素。以下代码演示了如何使用this关键字。
const obj = {
multiplier: 2,
arr: [1, 2, 3, 4, 5],
multiplyByMultiplier() {
return this.arr.filter(function (num) {
return num % 2 === 0 && num > this.multiplier;
}, this);
}
};
console.log(obj.multiplyByMultiplier()); // 输出: [4, 5]
在上面的代码中，我们定义了一个对象obj，并在其中定义了一个multiplyByMultiplier方法。该方法使用filter函数来过滤该对象中的数字数组。在filter函数的回调函数中，我们使用了this.multiplier来引用该对象中的multiplier属性。
filter函数的返回值
filter函数会对数组进行过滤，并返回一个新数组。该新数组只包含符合条件的元素。
以下是一个简单的例子，演示了filter函数的返回值：
const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(item => item > 3);
console.log(newArr); // [4, 5]
在上面的代码中，我们定义了一个数组arr，并使用filter函数过滤其中的元素。过滤后，filter函数返回一个新数组newArr，该数组只包含符合条件的元素。