filter()方法

过滤方法,该方法的入口参数是执行逻辑判断的函数,该函数返回值是true或false,filter()方法的结果是所执行逻辑判断函数返回为true的元素,换句话说,就是filter()方法过滤掉数组中不满足条件的值,返回一个新数组,不改变原数组的值

调用filter()方法的语法格式如下:

 数组名.filter( (参数列表) => {  //函数体 })

示例:

	let arr = [90,34,76,60,55]
    let newArr = arr.filter(item => item>=60)
    console.log("newArr:"+newArr);

打印结果:
在这里插入图片描述

map()方法与filter()方法的区别

map()方法用于遍历数组中的每个元素,让其作为参数执行一个指定的函数,然后将每个返回值形成一个新数组,map()方法不改变原数组的值。

调用格式如下:

let 新数组名 = 数组名.map((参数) =>{  //函数体  })

示例:

定义一个数组arr[ ], 使用map()方法遍历数组,通过三目运算作为条件,将返回值赋给新数组newArr

    let arr = [90,34,76]
    let newArr = arr.map(item => item > 60?'合格':'不合格')
    console.log(newArr);

PS:箭头函数在参数和函数体只有一条语句时可以省略{}和return关键字
打印出来的新数组为:
在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐