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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
js控制表单奇偶行样式的简单方法
Jul 31 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
javascript实现数组去重的多种方法
Mar 14 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
深入理解Node.js中通用基础设计模式
Sep 19 Javascript
Bootstrap实现省市区三级联动(亲测可用)
Jul 26 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 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
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
深入php-fpm的两种进程管理模式详解
2013/06/03 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
Windows下php+mysql5.7配置教程
2017/05/16 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
2015/08/07 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
layer 关闭指定弹出层的例子
2019/09/25 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
uniapp实现可滑动选项卡
2020/10/21 Javascript
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python获取命令实时输出-原样彩色输出并返回输出结果的示例
2019/07/11 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
TensorFlow 读取CSV数据的实例
2020/02/05 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
文明礼仪事迹材料
2014/01/09 职场文书
设计师个人求职信范文
2014/02/02 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
群众路线剖析材料(四风)
2014/11/05 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
新闻稿格式范文
2015/07/18 职场文书
使用redis生成唯一编号及原理示例详解
2021/09/15 Redis
关于的python五子棋的算法
2022/05/02 Python