Vue实现数据筛选
map()方法map()方法用于遍历数组中的每个元素,让其作为参数执行一个指定的函数,然后将每个返回值形成一个新数组,map()方法不改变原数组的值。调用格式如下:let 新数组名 = 数组名.map((参数) =>{//函数体})示例:定义一个数组arr[ ], 使用map()方法遍历数组,通过三目运算作为条件,将返回值赋给新数组newArrlet arr = [90,34,76]let
·
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关键字
打印出来的新数组为:
更多推荐
已为社区贡献5条内容
所有评论(0)