ES6系列笔记-数组方法filter(过滤)

简介: ES6系列笔记-数组方法filter(过滤)

1:过滤掉不能被3整除的数,打印出来能被整除的数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //过滤器filter
        let arr = [12, 33, 66, 99, 5]
        let result = arr.filter(item => {
            if (item % 3 == 0) {
                return true;
            } else {
                return false;
            }
        })
         console.log(result)
    </script>
</html>

打印结果如下:


或者这样写,效果是一样的

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let arr = [11, 33, 66, 99, 5]
        let result = arr.filter(item => {
            return item % 3 == 0;
        })
        console.log(result)
    </script>
</html>

打印结果如下:


2:过滤商品价格小于10000元的商品,打印大于10000元的商品

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //商品列表
        let arr = [{
                title: '笔记本电脑',
                price: 12033
            },
            {
                title: '智能音箱',
                price: 99
            },
            {
                title: '鼠标',
                price: 33
            },
            {
                title: '单反摄像机',
                price: 20000
            },
        ]
        let result = arr.filter(item => item.price >= 10000);
        console.log(result)
    </script>
</html>

打印结果如下:


目录
打赏
0
0
1
0
10
分享
相关文章
三种实用ES6 数组内对象去重方法
三种实用ES6 数组内对象去重方法
602 0
|
8月前
分享JavaWeb中filter过滤器的案例妙用 - 脏话过滤/编码过滤/代码过滤
分享JavaWeb中filter过滤器的案例妙用 - 脏话过滤/编码过滤/代码过滤
57 0
|
9月前
lambda中使用filter过滤
lambda中使用filter过滤
ES6系列笔记-数组方法map(映射)
ES6系列笔记-数组方法map(映射)
57 1
使用Vue的filters(本地)或filter(全局)过滤常用数据类型
使用Vue的filters(本地)或filter(全局)过滤常用数据类型
vue 数组处理= 循环--查找过滤--添加删除--去重[.every()/.some()/.find()/.filter()/.forEach()/.map()]
vue 数组处理= 循环--查找过滤--添加删除--去重[.every()/.some()/.find()/.filter()/.forEach()/.map()]
402 0
vue 数组处理= 循环--查找过滤--添加删除--去重[.every()/.some()/.find()/.filter()/.forEach()/.map()]
前端学习案例16-数组方法filter&undefined和null对比2
前端学习案例16-数组方法filter&undefined和null对比2
70 0
前端学习案例16-数组方法filter&undefined和null对比2
前端学习案例17-数组方法filter&undefined和null对比3
前端学习案例17-数组方法filter&undefined和null对比3
66 0
前端学习案例17-数组方法filter&undefined和null对比3
前端学习案例15-数组方法filter&undefined和null对比 原
前端学习案例15-数组方法filter&undefined和null对比 原
79 0
前端学习案例15-数组方法filter&undefined和null对比 原
JavaScript进阶操作之过滤filter
引入 我们在日常生活中,不难遇到一个非常耗时间的工作——筛选。 比如,帮老师筛查出不及格的人数,帮老总筛选出上班考勤全满的人——掘金工作人员筛选出更文数量在30以上的创作者(不是)…… 人肉计数和筛查显然非常低效,而且很容易出错。计算机就是用来帮我们干这件事的。很多人估计第一反应回是用循环,遍历所有元素,满足条件提出来,不满足就下一个
JavaScript进阶操作之过滤filter