IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> js三种遍历筛选方式解析 -> 正文阅读

[JavaScript知识库]js三种遍历筛选方式解析

forEach()

forEach() 迭代(遍历)数组 (无返回值,return在里面无效)
**语法:**数组名.forEach(function(value,index,array){})
**解释:**其中的三个形参分别代表:数组元素值,对应当前元素的索引号,数组本身
和jQuery中的$("").each(function(i,ele){})一样,形参的名字不固定,但是表示其含义的位置固定即第一个形参必定表示当前遍历到的数组元素值,第二个形参必定表示当前遍历到的数组元素的索引号,第三个形参必定表示数组本身。
用法示例:var arr = [1,2,3]
var sum = 0
arr.forEach(function(value,index,arr){
sum += value
})

filter()

filter()数组元素筛选 (返回值为符合条件的数组元素)
**语法:**数组名.filter(function(currentValue,index,arr){})
**解释:**其中的三个元素分别代表:数组元素、对用当前元素的索引、数组对象本身
和forEach一样,形参名字不固定,但是表示其含义的位置固定。
用法示例:var arr = [13,45,1213,54,3,1]
var newarr = arr.filter(function(value,i,arr){
return value>20
})
最终返回的是数组中所有满足条件 :元素值大于二十的数组元素组成的新数组
因为本质上是arr调用filter方法筛选,所以需要设置一个数组newarr来存放筛选出来的结果

与forEach()不同的是,forEach是只做遍历,相当于封装了遍历这个操作,然后使用者在里面写入针对于遍历的方法,比如累加求和,其中用于存放累积和的sum是自己根据需求创建的,所以返回的值是找到sum进行读取 而filter()则是在遍历中已经写好了筛选操作的方法,需要我们写入的的筛选的条件,所以我们需要在其前面创建添加一个新数组存放筛选结果 这也是有返回值和无返回值的区别,即有返回值的方法只需要设置一个空间(变量、数组或者对象)来存放返回值,而无返回值的方法则需要自己创建变量(变量、数组或者对象),并写针对于这个变量进行操作的方法,最终得到返回值

some()

some()数组元素筛选 (返回值为布尔型,判断有或者没有符合条件的数组元素)
**语法:**数组名.some(function(value,i,arr){})
**解释:**其中的三个元素分别代表:数组元素、对用当前元素的索引、数组对象本身
和forEach一样,形参名字不固定,但是表示其含义的位置固定。
特点:当筛选遍历过程中出现一个true时,立即停止遍历,进行返回
用法示例:var arr = [13,45,1213,54,3,1]
flag = arr.some(function(value,i,arr){
return value>20
})

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-07 13:45:45  更:2021-10-07 13:47:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 0:45:58-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码