JavaScript遍历数组的方法代码实例
这篇文章主要介绍了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' ] **/
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作.分享给大家供大家参考,具体如下: 遍历 JSON 数组: var questions = data.data.questionnaire.questions; //遍历 json 数组 for (var i in questions) { if (questions[i].type == '(单选)') { alert('danxuan'); } } 获取 JSON 数组长度: function getJsonLength(json)
-
JS常用的几种数组遍历方式以及性能分析对比实例详解
本文实例讲述了JS常用的几种数组遍历方式以及性能分析对比.分享给大家供大家参考,具体如下: 前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 起由 在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得这种方式挺好的,于是抽取了核心逻辑,封装成了模板,打算拓展成一个系列,本文则是系列中的第二篇,JS数组遍历方式的分析对比 JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,fo
-
JS实现键值对遍历json数组功能示例
本文实例讲述了JS实现键值对遍历json数组功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>www.jb51.net js键值对遍历json数组</title> </head> <body> <script type="text/javascript"
-
JS实现遍历不规则多维数组的方法
本文实例讲述了JS实现遍历不规则多维数组的方法.分享给大家供大家参考,具体如下: 直接进入正文: 我们有时候处理数据,可能会遇到一些不规则(无法预料的数据结构),那么拿到这种数据我们如何进行遍历操作呢?举个例子: var data= { a: { one: 1, two: 2, three: {four:'2',five:'4'} }, b: { six: 4, seven: 5, eight: 6 }, c: { nine: 7, ten: 8} } 比如上边的数据(实际情况是这个数据会有各种
-
JavaScript遍历查找数组中最大值与最小值的方法示例
本文实例讲述了JavaScript遍历查找数组中最大值与最小值的方法.分享给大家供大家参考,具体如下: <script language="javascript"> // 查找数组中最小值 function mathMin(arrs){ var min = arrs[0]; for(var i = 1, ilen = arrs.length; i < ilen; i+=1) { if(arrs[i] < min) { min = arrs[i]; } } ret
-
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
本文实例讲述了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式.分享给大家供大家参考,具体如下: 定义数据: <script> new Vue({ el:"#test", data:{ message:"infor", list:["a","b","c","d","e"], web:{ "百度":"
-
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { return currentValue > 10; }); console.log(`${filterArray}---${filterArray.length}`
-
JavaScript中利用for循环遍历数组
先看一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> // 一个普通的数组 var arr =[3,5,2,6]; // 普通的for 循环遍历 for(var i = 0 ; i
-
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
本文实例讲述了js/jquery遍历对象和数组的方法.分享给大家供大家参考,具体如下: JS forEach方法 arr[].forEach(function(value,index,array){ //do something }) 参数:value数组中的当前项,index当前项的索引,array原始数组: 数组中有几项,那么传递进去的匿名回调函数就需要执行几次: 理论上这个方法是没有返回值的,仅仅是遍历数组中的每一项,不对原来数组进行修改:但是可以自己通过数组的索引来修改原来的数组: va
-
解决vuejs 使用value in list 循环遍历数组出现警告的问题
在使用vuejs遍历数组的时候,使用in语句形式,会有一个警告的提示: 警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件: /* eslint-disable */ <template> <div class="hello" style="background: fuchsia"> <ul> <li v-for="(value,key,index) in object" v-bin
-
JS中数组与对象的遍历方法实例小结
本文实例讲述了JS中数组与对象的遍历方法.分享给大家供大家参考,具体如下: 一.数组的遍历: 首先定义一个数组 arr=['snow','bran','king','nightking']; 1.for循环,需要知道数组的长度; 2.foreach,没有返回值,可以不知道数组长度: arr.forEach(function(ele,index){ console.log(index); console.log(ele) }) 3.map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新
随机推荐
- ThinkPHP和UCenter接口冲突的解决方法
- Android开发教程之shape和selector的结合使用
- iOS App设计模式开发中对迭代器模式的使用示例
- 重新编译PLSQL中的无效对象或者指定的对象 的方法
- js支持158、159开头的手机号的验证
- GetPaing 函数之asp采集函数中用到的获取分页的代码
- 解析C++编程中的选择结构和switch语句的用法
- Android 修改viewpage滑动速度的实现代码
- 看图理解 普通交互方式和Ajax交互方式区别
- javascript基本常用排序算法解析
- 可以支持多中格式的JS键盘
- PowerShell中使用Filter来创建管道输入函数
- Mysql中limit的用法方法详解与注意事项
- sql lite 数据库之间表复制的方法
- 纯C语言:递归二进制转十进制源码分享
- 网站PR值的作用是不是被高估了
- 字符串的组合算法问题的C语言实现攻略
- C语言中的各种文件读写方法小结
- php使用文本统计访问量的方法
- c语言 汉诺塔算法代码