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 multibox 全选
Mar 22 Javascript
JS判断变量是否为空判断是否null
Jul 25 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
bootstrap table操作技巧分享
Feb 15 Javascript
Nuxt.js实战详解
Jan 18 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 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中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
js window.onload 加载多个函数的方法
2009/11/02 Javascript
教你如何使用node.js制作代理服务器
2014/11/26 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
清除输入框内的空格
2016/12/21 Javascript
浅谈mint-ui loadmore组件注意的问题
2017/11/08 Javascript
微信小程序中使用ECharts 异步加载数据的方法
2018/06/27 Javascript
vue里如何主动销毁keep-alive缓存的组件
2019/03/21 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
Python 解析XML文件
2009/04/15 Python
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
Python异常处理知识点总结
2019/02/18 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
Opencv求取连通区域重心实例
2020/06/04 Python
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
2015年领导班子工作总结
2015/05/23 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
七个Python必备的GUI库
2021/04/27 Python
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
Python实现位图分割的效果
2021/11/20 Python
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android