理解JavaScript中filter函数

309 阅读1分钟

filter(过滤器)

作用: 创建一个新数组,新数组中的元素为通过测试指定数组中符合条件的所有元素

语法: Array.filter(function(形参){})

实例: 将数组中小于100的数值保存到新数组

//给定一个默认数组
const nums = [10, 20, 30, 300, 12, 111, 356];
//由于filter会自动生成新数组,我们不用再次创建,直接赋值给newNums,之后filter会回调nums数组中所有数值依次传给形参n
let newNums = nums.filter(function(n){
    // 回调给形参n中的数值依次与100做出判断是否 n < 100,如果小于返回ture,就将该数值传递给到新数组
    return n < 100;
}) 
//打印新数组  结果为[10, 20, 30, 12]
console.log(newNums)

注意: filter中的回调函数必须返回一个布尔值, 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中,返回false时,函数内部会过滤掉这次的n