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

原文地址:https://www.cnblogs.com/hechunfeng/p/15591272.html