• JS数组中every, some, filter, map方法


     1. every() 方法:

    作用:用于检测数组中所有元素是否符合指定条件。

    说明:

    如果数组中检测到有一个元素不满足,则整个表达式返回 false ,剩下的元素不会再进行检测,如果所有元素都满足条件,则返回 true 。

    参数:

    array.every(function(value, index, arr))

    第一个参数:数组的元素

    第二个参数:数组的下标

    第三个参数:整个数组

    1. // 查看班级中的同学成绩是否都及格
    2. const user = [
    3. {name : '李四', js : 89},
    4. {name : '王五', js : 77},
    5. {name : '马六', js : 55}
    6. ];
    7. const result = user.every((value) => value.js >= 60);
    8. console.log(result); result=false

      2. some() 方法:

    作用:用于检测数组中是否有元素符合指定条件。

    说明:

    如果数组中检测到有一个元素满足,则整个表达式返回 true ,剩下的元素不会再进行检测,如果没有元素都满足条件,则返回 false 。

    参数:

    array.some(function(value, index, arr))

    第一个参数:数组的元素

    第二个参数:数组的下标

    第三个参数:整个数组

    1. // 检测是否含有违规关键词
    2. let words = ['娃哈哈', '果粒橙'];
    3. let title = '果粒橙好喝哟';
    4. let state = words.some(value => title.indexOf(value) >= 0);
    5. if(state) console.log('标题含有违规关键词');

     3. filter() 方法:

    作用:过滤数据中的元素。

    说明:

    用于过滤 过滤出我想要的东西 生成新数组

    参数:

    array.some(function(value, index, arr))

    第一个参数:数组的元素

    第二个参数:数组的下标

    第三个参数:整个数组

    1. let lessons = [
    2. {title : '数学', teacher : '李老师'},
    3. {title : '英语', teacher : '王老师'},
    4. {title : '体育', teacher : '李老师'}
    5. ];
    6. let teacherLiClass = lessons.filter(value => value.teacher == '李老师');
    7. console.log(teacherLiClass); 输出李老师那一行

      4. map() 方法:

    作用:处理每个元素,返回一个新数组.

    参数:

    array.some(function(value, index, arr))

    第一个参数:数组的元素

    第二个参数:数组的下标

    第三个参数:整个数组

    1. let lessons = [
    2. {title : '数学', teacher : '李老师'},
    3. {title : '英语', teacher : '王老师'},
    4. {title : '体育', teacher : '李老师'}
    5. ];
    6. lessons = lessons.map(item => {
    7. item.title = `[三年级]${item.title}`;
    8. return item;
    9. });
    10. console.log(lessons);

     

  • 相关阅读:
    如何办理ITSS资质
    如何开启Docker的TCP通信端口
    【Java】各List集合的特点和区别
    Nodejs核心模块之Events
    JavaScript中Bom节点和表单的获取值
    【用户画像】在ClickHouse中将宽表转换为bitmap表(源码实现)、用户分群架构设计、SpringBoot概述及使用
    es6 语法,在个别浏览器中不兼容的处理办法
    springboot接收前端传值的几种方式
    指数移动平均EMA
    结构型模式-适配器模式
  • 原文地址:https://blog.csdn.net/fanlao4203/article/details/126778726