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模拟弹出效果代码修正版
Aug 07 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
Feb 04 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
express的中间件bodyParser详解
Dec 04 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
JS简单编号生成器实现方法(附demo源码下载)
Apr 05 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
Sep 26 Javascript
javascript解析json格式的数据方法详解
Aug 07 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学习教程之第1天
2008/06/15 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
php中请求url的五种方法总结
2017/07/13 PHP
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
浅析script标签中的defer与async属性
2016/11/30 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
Python 中的with关键字使用详解
2016/09/11 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
python可迭代对象去重实例
2020/05/15 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
Python用dilb提取照片上人脸的示例
2020/10/26 Python
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
给酒店员工的表扬信
2014/01/11 职场文书
会计实训报告范文
2014/11/04 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
后勤工作个人总结
2015/02/28 职场文书
民事上诉状范文
2015/05/22 职场文书
母亲去世追悼词
2015/06/23 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang