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


Posted in Javascript onJanuary 14, 2020

这篇文章主要介绍了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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 11 Javascript
网页自动跳转代码收集
Sep 27 Javascript
js函数setTimeout延迟执行的简单介绍
Jul 17 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
May 16 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
vue.js实现标签页切换效果
Jun 07 Javascript
vue和webpack项目构建过程常用的npm命令详解
Jun 15 Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
JavaScript回调函数callback用法解析
Jan 14 #Javascript
JS document对象简单用法完整示例
Jan 14 #Javascript
JS document内容及样式操作完整示例
Jan 14 #Javascript
微信小程序indexOf的替换方法(推荐)
Jan 14 #Javascript
小程序中设置缓存过期的实现方法
Jan 14 #Javascript
ES6实现图片切换特效代码
Jan 14 #Javascript
vue项目创建步骤及路由router
Jan 14 #Javascript
You might like
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
2016/12/18 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
用js将long型数据转换成date型或datetime型的实例
2017/07/03 Javascript
vue中如何创建多个ueditor实例教程
2017/11/14 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
wxPython事件驱动实例详解
2014/09/28 Python
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
本科毕业生的求职信范文
2013/11/20 职场文书
新护士岗前培训制度
2014/02/02 职场文书
酒店副总经理岗位职责范本
2014/02/04 职场文书
仓管岗位职责范本
2014/02/08 职场文书
材料化学专业求职信
2014/07/15 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
如何通过一篇文章了解Python中的生成器
2022/04/02 Python
MySQL GTID复制的具体使用
2022/05/20 MySQL
macos系统如何实现微信双开? mac登录两个微信以上微信的技巧
2022/07/23 数码科技
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers