filter函数的参数
filter函数是JavaScript中一个非常常用的方法，用于在数组中筛选出满足设定条件的元素，只留下符合条件的部分。相信不少程序员都有使用过这个函数，但在参数的使用上，却有许多值得备注的点，下面我们就来一步步地解析这些参数的用法。
一、callback 函数
callback 函数是 filter 函数所必须提供的一个回调函数，用于测试数组中的每个元素是否符合条件。这个回调函数接受三个参数：element（当前元素）、index（当前元素的下标）和 array（被遍历的数组）。
对于callback函数，其中最主要的部分就是对传进来的元素进行处理的地方。callback会把传进来的每个元素都处理一次，然后根据这个元素返回一个布尔值来决定是否过滤掉这个元素。例如下面的代码：
let arr = [1, 2, 3, 4, 5, 6]
let newArr = arr.filter((num) => {
return num % 2 === 0
})
console.log(newArr) // [2, 4, 6]
这个回调函数的作用是判断 num 是否为偶数。如果为偶数，那么这个函数会返回 true，这个元素就会被留下来，否则返回 false，就会被过滤。
二、thisArg 参数
在 callback 函数中可能需要用到 this 关键字来访问对象或者其他属性。在有些情况下，callback 函数可以使用 thisArg 参数来指定 this 的值。
thisArg 参数不是必须的，如果不指定，则默认值为 undefined。如果指定了 thisArg，则 callback 函数内部的 this 关键字会被设置为 thisArg 参数的值。
例如：
let obj = {
currentValue: 10,
isGreaterThan: function(value) {
return value > this.currentValue
}
}
let arr = [1, 20, 30, 40]
filter过滤对象数组 let newArr = arr.filter(obj.isGreaterThan, obj)
console.log(newArr) // [20, 30, 40]
这里，我们传递了第二个参数 obj，filter函数会将数组中的每个元素传递给 obj.isGreaterThan 函数，并将原来的 this 指针替换成这个对象。
三、return 可选参数
callback 函数可以省略 return 语句，这种情况下，filter 函数将返回一个新的数组，其中包含原数组中所有不为假的值。这些不为假的元素将按照它们在原数组中的索引从前往后排列。
例如：
let arr = ["apple", undefined, "banana", "", "orange"]
let newArr = arr.filter(Boolean)
console.log(newArr) // ["apple", "banana", "orange"]
注意：上面例子中的 Boolean 并不是指 Boolean() 函数，而是指全局对象 Boolean，可以将任何值转换为布尔值。如果传递给 filter 函数的是 Boolean() 函数，则返回的数组中仅有 true 值所对应的元素。
总结：
通过这篇文章，我们了解了在使用 filter 函数时常用的三种参数：callback 函数，thisArg
参数和 return 可选参数。这些参数不仅可以提高我们的代码效率，还可以让我们更加深入地掌握 JavaScript 的某些重要特性。通过不断地学习和掌握这些参数的用法和实用技巧，我们可以更加熟练地应用 filter 函数，让自己的代码变得更加轻松和高效。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论