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 10 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
使用非html5实现js板连连看游戏示例代码
Sep 22 Javascript
JavaScript中var关键字的使用详解
Aug 14 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
Vue使用NProgress进度条的方法
Sep 21 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 Javascript
关于JavaScript回调函数的深入理解
Jun 27 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
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
php车辆违章查询数据示例
2016/10/14 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
javascript函数重载解决方案分享
2014/02/19 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
vue-loader中引入模板预处理器的实现
2019/09/04 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
浅谈python中的正则表达式(re模块)
2017/10/17 Python
python实现俄罗斯方块游戏
2020/03/25 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Python实现仿射密码的思路详解
2020/04/23 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
大学生四个方面的自我评价
2013/09/19 职场文书
《一株紫丁香》教学反思
2014/02/19 职场文书
敬老院标语
2014/06/27 职场文书
欢送会主持词
2015/07/01 职场文书
Matlab求解数组中的最大值及它所在的具体位置
2021/04/16 Python
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫