1.filter
1.1作用
- 用于对数组进行过滤
- 会创建一个新数组，且新数组中的元素是通过检测指定数组中符合条件的所有元素
- 不会对空数组进行检测
- 不会改变原数组
1.2语法
Array.filter(function(element, indedx, arr), thisValue)
- element：数组中当前正在处理的元素
- index[可选]：正在处理的元素在数组中的索引
- arr[可选]：调用了filter的数组本身
- thisValue[可选]： 执行callback时，用于this的值
1.3实例
let nums = [1,44,2,5,3,34,65]
let newNums = nums.filter(item => {
return item > 10
})
console.log(newNums) //[44,34,65]
2.实现filter
let nums = [1,44,2,5,3,34,65]
// console.log(newNums) //[44,34,65]
Array.prototype.myFilter = function (callback,thisValue) {
if(this == undefined) { //null和undefined不能调用该方法
throw new TypeError("this is null or not undefined!")
}
if(Object.prototype.toString.call(callback) != "[object Function]") { //判断传给callback的实参是否是函数，不是函数则报错
throw new TypeError(callback + "is not a function!")
}
let res = [] //因为该方法不能改变原数组
//所以要新建一个数组来接收符合要求的数值
for(let i = 0;i < this.length;i++) { //谁调用了该函数this就指向谁一个数组调用了该函数所以this.length相对于arr.length
let right = callback.call(thisValue,this[i],i,this) //callback的this指向传来的thisValue，并且传参后面三个
right && res.push(this[i]) //相与的特点：左边结果是true才会执行右边，false则跳过。这句的意思就是当right为true时（即符合用户在callback函数中所写的要求）再执行push操作
}
return res
}
let newNums = nums.myFilter(item => {
return item > 10
})
console.log(newNums) //[44, 34, 65]
