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后面不会再执行