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 相关文章推荐
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
javascript实现实时输出当前的时间
Apr 27 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
7个jQuery最佳实践
Jan 12 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
Promise.all中对于reject的处理方法
Aug 01 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
今天,小程序正式支持 SVG
Apr 20 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
WordPress开发中用于获取近期文章的PHP函数使用解析
2016/01/05 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
jquery构造器的实现代码小结
2011/05/16 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
2011/08/02 Javascript
js 手机号码合法性验证代码集合
2012/09/29 Javascript
JS性能优化笔记搜索整理
2013/08/21 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
2018/07/26 Javascript
JS Math对象与Math方法实例小结
2019/07/05 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
python字典key不能是可以是啥类型
2020/08/04 Python
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
linux下进程间通信的方式
2014/12/23 面试题
30年同学聚会邀请函
2014/01/25 职场文书
仓库组长岗位职责
2014/01/29 职场文书
小班上学期评语
2014/05/05 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
反对四风问题自我剖析材料
2014/09/29 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL
JS实现数组去重的11种方法总结
2022/04/04 Javascript
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby