Vue实现数据筛选

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关键字
打印出来的新数组为：