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

 

posted @   漫漫长路</>  阅读(74)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示