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中事件的处理与浏览器对象示例介绍
Nov 29 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
jQuery中on()方法用法实例详解
Feb 06 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
什么是JavaScript注入攻击?
Sep 14 Javascript
AngularJS中transclude用法详解
Nov 03 Javascript
怎样判断jQuery当前元素是隐藏还是显示
Nov 23 Javascript
BootstrapTable refresh 方法使用实例简单介绍
Feb 20 Javascript
详解webpack3编译兼容IE8的正确姿势
Dec 21 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
小程序如何定位所在城市及发起周边搜索
Feb 11 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
Google 地图事件实例讲解
2016/08/06 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
js实现canvas图片与img图片的相互转换的示例
2017/08/31 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
原生JS进行前后端同构
2018/04/22 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
vue-i18n实现中英文切换的方法
2020/07/06 Javascript
python使用turtle绘制分形树
2018/06/22 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
Python中字符串List按照长度排序
2019/07/01 Python
python实现图片九宫格分割
2021/03/07 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
中英文自我评价常用句型
2013/12/19 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
2014全年工作总结
2014/11/27 职场文书
安阳殷墟导游词
2015/02/10 职场文书
品德与社会教学反思
2016/02/24 职场文书