js中遍历数组的6种方式
1.原生js中for循环
var arr=[1,2,3,4,5];for(var i=0;i<arr.length;i++){console.log(arr[i]) //打印每一个数组元素}
2.原生js中 for in
var arr=[1,2,3,4,5];
for(var k in arr){console.log(arr[k]) //打印每一个数组元素
}
3.ES6中forEach()
var array=[1,2,3,4,5]
array.forEach(function(item,index,arr){console.log(item+'---'+index+'---'+arr);//value:每个数组元素 index:索引 arr:整个数组元素
});
4.ES6中filter()筛选数组
创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的元素
var array=[1,2,3,4,5]
var newArr=[];
newArr=array.filter(function(item,index,arr){return item>=3; //value:每个数组元素 index:索引 arr:整个数组元素
});
console.log(newArr)
5. ES6中some()筛选数组
检测数组中元素是否满足指定条件,返回true或false
var array=[1,2,3,4,5];
array.some(function(item,index,arr){return item>=3; //value:每个数组元素 index:索引 arr:整个数组元素
});
console.log(array)//true
some和forEach区别
在forEach里面return不会终止迭代
在some里面遇到return true 终止遍历迭代效率高
6. jQuery.each() jquery中遍历数组
主要遍历数组对象等数据
var array=[1,2,3,4,5];
$.each(function(i,ele){console.log(i+'---'+ele)
})
//i为索引号 ele为dom对象用到jQuery对象需转换
注意
$.each 和forEach 遍历数组的回调函数中的参数是相反的
js中遍历数组的6种方式相关推荐
- JS中遍历数组的两种方式
方式一 for循环 //遍历arr,获取arr中Person对象for(var i=0 ; i<arr.length ; i++){var p = arr[i];//判断Person对象的age ...
- js中定义数组的两种方式
js中定义数组: 注意事项: 1.在js中定义数组,不用担心数组角标越界的问题,可以自动扩容. 2.在js中,数组是可以定义任何数据类型的. 1.指定数组长度 运行结果: 2.简写方式:
- 【day14】js中清空数组的三种方式
方式1,splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 [],空数组,即被清空了 方式2,l ...
- Vue中foreach数组与js中遍历数组的写法
场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. ...
- java和js中遍历数组和对象的总结
java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...
- javaScript中创建数组的3种方式
JS数组定义及详解 javascript如何定义数组? 直接上代码和截图 //javaScript中创建数组的3种方式 //方式1 var names = ["令狐冲", &quo ...
- PHP遍历数组的6种方式总结
数组的遍历是PHP一个常见的编程任务,而数组又分为一维数组.二维数组和多维数组,下面这篇文章主要给大家介绍了关于PHP遍历数组的6种方式,文中通过示例代码介绍的非常详细,需要的朋友可以参考下 目录 1 ...
- js中遍历数组加到新数组_JS数组遍历的十二种方式
遍历有如下几种方式 数组方法 map forEach filter find findIndex every some reduce reduceRight 其他方法 for for in for o ...
- php 遍历对象数组,js中遍历对象(5种)和遍历数组(6种)的方法总结
本篇文章给大家带来的内容是关于js中遍历对象(5种)和遍历数组(6种)的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.遍历对象方法 1.for...in 遍历输出的是对 ...
最新文章
- C++中的逻辑操作符重载
- 《WebForm开发系列高级篇》Item2导出EXCEL通用类(GridView,DataList,Repeater,DetailView)
- hdu 1085 Holding Bin-Laden Captive! (母函数)
- 企业***网的规划及组建
- hadoop组件官方源和国内源
- 打开Idea,弹出Server‘s certificate is not trusted 解决方法
- Pytorch入门教程学习笔记(六)循环神经网络RNN(学周杰伦写歌)
- 三亚科技创新创业大赛完美落幕,珈和科技等五个企业获一等奖
- 群晖Docker部署Microsoft SQL Server 2019
- 织梦系统基本参数php,织梦后台系统基本参数新增的变量数据库修改
- [转]谷歌企业文化建设分析
- 单元格的边框没有被显示出来
- 国家计算机二级和省计算机二级的区别?
- Hadoop 服务器IP地址的配置
- vue3中实现放大镜效果,使用ref获取节点元素
- t-sql的楼梯:超越基本级别6:使用案例表达式和IIF函数
- node2vec论文阅读
- 如果后端API一次返回10万条数据,前端应该如何处理?
- Apache Airflow 错误的会话验证漏洞 (CVE-2020-17526)利用
- 一分钟读懂兼容测试报告(一):概况篇
热门文章
- GAN(生成对抗网络)发展
- 449php,【19/11/09】基于官版Win10_Pro_1909_x64_18363.449 无APPS适度精简版极致精简版
- Android Socket 连接设备接收H264裸流数据并解码播放 Demo
- 3:cordova-plugin-whitelist 协议白名单配置整理
- python 监控框架_httprunner+locusts+python接口测试框架
- 本地Httprunner3使用locust的方式
- 使用python对文件进行加密——PDF文件加密
- 家庭网络设备的远程管理技术 (转贴)
- KITTI数据集3D目标检测数据下载并可视化简洁实用版
- 读取一个整数的每一个bit位的值