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种方式相关推荐

  1. JS中遍历数组的两种方式

    方式一 for循环 //遍历arr,获取arr中Person对象for(var i=0 ; i<arr.length ; i++){var p = arr[i];//判断Person对象的age ...

  2. js中定义数组的两种方式

    js中定义数组: 注意事项: 1.在js中定义数组,不用担心数组角标越界的问题,可以自动扩容. 2.在js中,数组是可以定义任何数据类型的. 1.指定数组长度 运行结果: 2.简写方式:

  3. 【day14】js中清空数组的三种方式

    方式1,splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 [],空数组,即被清空了 方式2,l ...

  4. Vue中foreach数组与js中遍历数组的写法

    场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. ...

  5. java和js中遍历数组和对象的总结

    java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...

  6. javaScript中创建数组的3种方式

    JS数组定义及详解 javascript如何定义数组? 直接上代码和截图 //javaScript中创建数组的3种方式 //方式1 var names = ["令狐冲", &quo ...

  7. PHP遍历数组的6种方式总结

    数组的遍历是PHP一个常见的编程任务,而数组又分为一维数组.二维数组和多维数组,下面这篇文章主要给大家介绍了关于PHP遍历数组的6种方式,文中通过示例代码介绍的非常详细,需要的朋友可以参考下 目录 1 ...

  8. js中遍历数组加到新数组_JS数组遍历的十二种方式

    遍历有如下几种方式 数组方法 map forEach filter find findIndex every some reduce reduceRight 其他方法 for for in for o ...

  9. php 遍历对象数组,js中遍历对象(5种)和遍历数组(6种)的方法总结

    本篇文章给大家带来的内容是关于js中遍历对象(5种)和遍历数组(6种)的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.遍历对象方法 1.for...in 遍历输出的是对 ...

最新文章

  1. C++中的逻辑操作符重载
  2. 《WebForm开发系列高级篇》Item2导出EXCEL通用类(GridView,DataList,Repeater,DetailView)
  3. hdu 1085 Holding Bin-Laden Captive! (母函数)
  4. 企业***网的规划及组建
  5. hadoop组件官方源和国内源
  6. 打开Idea,弹出Server‘s certificate is not trusted 解决方法
  7. Pytorch入门教程学习笔记(六)循环神经网络RNN(学周杰伦写歌)
  8. 三亚科技创新创业大赛完美落幕,珈和科技等五个企业获一等奖
  9. 群晖Docker部署Microsoft SQL Server 2019
  10. 织梦系统基本参数php,织梦后台系统基本参数新增的变量数据库修改
  11. [转]谷歌企业文化建设分析
  12. 单元格的边框没有被显示出来
  13. 国家计算机二级和省计算机二级的区别?
  14. Hadoop 服务器IP地址的配置
  15. vue3中实现放大镜效果,使用ref获取节点元素
  16. t-sql的楼梯:超越基本级别6:使用案例表达式和IIF函数
  17. node2vec论文阅读
  18. 如果后端API一次返回10万条数据,前端应该如何处理?
  19. Apache Airflow 错误的会话验证漏洞 (CVE-2020-17526)利用
  20. 一分钟读懂兼容测试报告(一):概况篇

热门文章

  1. GAN(生成对抗网络)发展
  2. 449php,【19/11/09】基于官版Win10_Pro_1909_x64_18363.449 无APPS适度精简版极致精简版
  3. Android Socket 连接设备接收H264裸流数据并解码播放 Demo
  4. 3:cordova-plugin-whitelist 协议白名单配置整理
  5. python 监控框架_httprunner+locusts+python接口测试框架
  6. 本地Httprunner3使用locust的方式
  7. 使用python对文件进行加密——PDF文件加密
  8. 家庭网络设备的远程管理技术 (转贴)
  9. KITTI数据集3D目标检测数据下载并可视化简洁实用版
  10. 读取一个整数的每一个bit位的值