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 相关文章推荐
用javascript实现自定义标签
May 08 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
vue中的scope使用详解
Oct 29 Javascript
React事件处理的机制及原理
Dec 03 Javascript
js实现上下左右键盘控制div移动
Jan 16 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 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/06 新手入门
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
PHP微信分享开发详解
2017/01/14 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
python3.X 抓取火车票信息【修正版】
2018/06/19 Python
Python调用C++,通过Pybind11制作Python接口
2018/10/16 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
如何基于python测量代码运行时间
2019/12/25 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
Django 后台带有字典的列表数据与页面js交互实例
2020/04/03 Python
基于Python的自媒体小助手---登录页面的实现代码
2020/06/29 Python
python实现发送带附件的邮件代码分享
2020/09/22 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
CSS3之边框多颜色Border-color属性使用示例
2013/10/11 HTML / CSS
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
美国批发供应商:Kole Imports
2019/04/10 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
个人自我评价分享
2013/12/20 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书