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代码)
Apr 11 Javascript
JQuery $.each遍历JavaScript数组对象实例
Sep 01 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
js实现二级导航功能
Mar 03 Javascript
使用node.js搭建服务器
May 20 Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 17 Javascript
Node.js中的异步生成器与异步迭代详解
Jan 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压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
2016/11/16 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
js实现按钮加背景图片常用方法
2014/11/01 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
JavaScript实现大数的运算
2014/11/24 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
原生JS封装_new函数实现new关键字的功能
2018/08/12 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
python实现360的字符显示界面
2014/02/21 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
先进个人获奖感言
2014/01/24 职场文书
公司担保书格式范文
2014/05/12 职场文书
积极向上的团队口号
2014/06/06 职场文书
运动会方阵口号
2014/06/07 职场文书
通报表扬范文
2015/01/17 职场文书
关于 Python json中load和loads区别
2021/11/07 Python
el-form每行显示两列底部按钮居中效果的实现
2022/08/05 HTML / CSS