脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript遍历数组

JavaScript遍历数组的方法代码实例

 更新时间：2020年01月14日 10:47:50   作者：小雪同学  
这篇文章主要介绍了JavaScript遍历数组的方法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了JavaScript遍历数组的方法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

for循环

 let arr=["A","B","C","D","E","F"];
 for(let i=0;i<arr.length;i++){
  console.log(arr[i]);
 }

for...of

遍历出数组中的每个值

 let arr=["A","B","C","D","E","F"];
 for(let item of arr){
   console.log(item); 
 }
//A B C D E F

for..in

遍历出数组中每个值的下标

 let arr=["A","B","D","E","F"];
 for(let item in arr){
   console.log(item); 
 }
//0 1 2 3 4 5

ES6新增for...of的用法

遍历出数组中每个值的键（下标）　　arr.keys()

 let arr=["A","B","C","D","E","F"];
 for(let item of arr.keys()){
   console.log(item); 
 }
 //0 1 2 3 4 5

遍历出数组中的每个值　　arr.values()

 let arr=["A","B","C","D","E","F"];
 for(let item of arr.values()){
   console.log(item); 
 }
 //A B C D E F

遍历出数组中的每个值，以及每个值对应的下标　　arr.entries()

let arr=["A","B","C","D","E","F"];
for(let item of arr.entries()){
  console.log(item); 
}
/**
[ 0, 'A' ]
[ 1, 'B' ]
[ 2, 'C' ]
[ 3, 'D' ]
[ 4, 'E' ]
[ 5, 'F' ]
**/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • JavaScript 拾漏补遗

    JavaScript 拾漏补遗

    javascritp实际上由三部分组成： ECMAScript，DOM, BOM 前两者由工业标准，BOM尚比较混乱。
    2009-12-12
  • JS技巧动手实现红包兔子雨效果示例详解

    JS技巧动手实现红包兔子雨效果示例详解

    这篇文章主要为大家介绍了JS技巧动手实现红包兔子雨效果示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-01-01
  • js 浏览器事件介绍

    js 浏览器事件介绍

    浏览器事件指载入文档直到该文档被关闭期间的浏览器事件，如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、获得焦点事件onfocus 等
    2012-03-03
  • JavaScrip报错:module is not defined的原因及解决

    JavaScrip报错:module is not defined的原因及解决

    这篇文章主要给大家介绍了关于JavaScrip报错:module is not defined的原因及解决方法,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • js实现简单的联动菜单效果

    js实现简单的联动菜单效果

    这篇文章主要介绍了js实现简单的联动菜单效果,涉及javascript针对页面元素的遍历、读取及设置技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • js实现滑动滑块验证登录

    js实现滑动滑块验证登录

    这篇文章主要为大家详细介绍了js实现滑动滑块验证登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次，需要的朋友可以参考下。
    2011-04-04
  • js实现的万能flv网页播放器代码

    js实现的万能flv网页播放器代码

    这篇文章主要介绍了js实现的万能flv网页播放器代码,以简单示例形式分析了JavaScript使用swfobject.js实现在线播放flv视频的相关技巧,需要的朋友可以参考下
    2016-04-04
  • JavaScript 点击触发复制功能实例详解

    JavaScript 点击触发复制功能实例详解

    这篇文章主要介绍了JavaScript 点击触发复制功能实例详解,需要的朋友可以参考下
    2018-11-11
  • 妙用Bootstrap的 popover插件实现校验表单提示功能

    妙用Bootstrap的 popover插件实现校验表单提示功能

    最近使用bootstrap开发项目比较多，在表单校验功能中用popover插件实现出错提示功能很方面，下面小编给大家带来了一篇关于Bootstrap的 popover插件实现校验表单提示功能的实现代码，非常不错，感兴趣的朋友一起看看吧
    2016-08-08

最新评论