• Javascript面向对象迭代forEach、some、filter方法以及查询商品案例


    ES5中新增的方法

    数组方法

    迭代(遍历)方法:forEach()、map()、filter()、some()、every();

    map跟foreach、every跟some相似

     currentValue:数组当前项的值

    index:数组当前项的索引

    arr:数组对象本身

    foreach

    筛选数组filter方法

    filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组

    注意它直接返回一个新数组

    currentValue:数组当前项的值

    index:数组当前的索引

    arr:数组对象本身

    例子:

    返回新数组

    some()方法

     some()方法用于检测数组中的元素是都满足指定条件,通俗点查找数组中是否满足条件的元素

    注意它返回值是布尔值,如果查找到这个元素,就返回true,如果查找不到就返回false.。

    如果找到第一个满足条件的元素,则终止循环,不再继续查找

    currentValue:数组当前项的值

    index:数组当前的索引

    arr:数组对象本身

    查询案例案例:

    1. 把数据渲染到页面中

    2. 根据价格现实数据

    3. 根据商品名称显示数据

    查询商品案例:

    根据价格显示数据

     

     

    按照商品名称查询

    some

     

    some和foreach区别

    foreach遇到return不会终止迭代

    some遇到return后面不会再执行

  • 相关阅读:
    Day10
    Day9
    Day8
    Day7
    Day 6
    Day5
    第一周计划
    事件总线模式辨析
    解释器模式辨析
    解释器模式深度探究
  • 原文地址:https://www.cnblogs.com/hechunfeng/p/15591272.html
Copyright © 2020-2023  润新知