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 相关文章推荐
js 数组克隆方法 小结
Mar 20 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
js数组依据下标删除元素
Apr 14 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
模拟javascript中的sort排序(简单实例)
Aug 17 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
Jul 31 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
PHP和XSS跨站攻击的防范
2007/04/17 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
十个PHP高级应用技巧果断收藏
2015/09/25 PHP
YII框架批量插入数据的方法
2017/03/18 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
javascript函数中的arguments参数
2010/08/01 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
js给selected添加options的方法
2015/05/06 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
javascript Slip.js实现整屏滑动的手机网页
2015/11/25 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
2016/04/29 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
在Django的模板中使用认证数据的方法
2015/07/23 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
Skyscanner阿联酋:全球领先的旅游搜索平台
2017/11/25 全球购物
初任培训自我鉴定
2013/10/07 职场文书
通信专业个人自我鉴定
2013/10/21 职场文书
化学教师自荐信范文
2013/12/28 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
Java 异步任务计算FutureTask
2022/04/28 Java/Android