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数组Array sort方法使用深入分析
Feb 21 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
PHP7新特性简述
Jun 11 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
详解koa2学习中使用 async 、await、promise解决异步的问题
Nov 13 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
Vue中使用matomo进行访问流量统计的实现
Nov 05 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 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的开发框架的现状和展望
2007/03/16 PHP
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
PHP数据集构建JSON格式及新数组的方法
2012/11/07 PHP
使用PHP计算两个路径的相对路径
2013/06/14 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
js脚本实现数据去重
2014/11/27 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
Python生成随机数的方法
2014/01/14 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Django实现简单分页功能的方法详解
2017/12/05 Python
Python paramiko模块的使用示例
2018/04/11 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
python读取各种文件数据方法解析
2018/12/29 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
pandas 对group进行聚合的例子
2019/12/27 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
python实现简单遗传算法
2020/09/18 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
详解python的变量缓存机制
2021/01/24 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
韩国11街:11STREET
2018/03/27 全球购物
物业电工岗位职责
2013/11/20 职场文书
交通事故和解协议书
2014/09/25 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
2015年中学体育教师工作总结
2015/10/23 职场文书
python基础入门之字典和集合
2021/06/13 Python
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android