码迷,mamicode.com
首页 > 编程语言 > 详细

JaveScript遍历数组的方法

时间:2020-01-12 19:54:35      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:val   数组   code   方法   for循环   es5   jave   col   item   

JaveScript遍历数组的方法

第一种:for循环

遍历出数组的每个值

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}

第二种: for....in 

遍历出数组中每个值的键(下标)


let arr = [1, 2, 3, 4, 5, 6, 7, 8];
for (let item in arr) {
console.log(item);
}

第三种: for....of

1:ES5   

遍历出数组的每个值

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
for (let item of arr) {
    console.log(item);
}

2:ES6 

a:遍历出数组中的每个值的键(下标)  keys()

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
for (let item of arr.keys()) {
    console.log(item);
}

b:遍历出数组中的每个值   values()

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
for (let item of arr. values()) {
    console.log(item);
}

c:遍历出数组中的每个值 ,以及每个值对应的键(下标)   entries()

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
for (let item of arr. entries()) {
console.log(item);
}

JaveScript遍历数组的方法

标签:val   数组   code   方法   for循环   es5   jave   col   item   

原文地址:https://www.cnblogs.com/zxq519896763/p/12184450.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!