JavaScript数组遍历方法(for、forEach、for-of)

235 阅读1分钟

一、前言:

JavaScript技术发展至今,已经出现了很多数组的遍历方法,下面我讲详细为大家说一下我认为比较重要的几种方法,他们分别是for、for-Each、for-in、for-of;

二、数组遍历方法详解:

1、for:

示例代码如下

var arr = [1,2,3,4,5];
for(var i=0;i<arr.length;i++){
    console.log(arr[i])     //打印:12345
}

这是一个典型的for循环的写法,而且字符串也支持这种写法,定义一个变量i作为数组每一位的索引,而i的大小是从0-arr.length-1,正好对应数组中值的每一位。(arr.length指的是数组的长度)

2、forEach

forEach是一个数组方法,可以用来把一个函数套用在一个数组中的每个元素上,forEach为每个数组元素执行callback函数只可用于数组.遍历一个数组让数组每个元素做一件事情.

示例代码如下

var arr = [1,2,3,4,5];
arr.forEach(function(item){
    console.log(item);     //打印:1,2,3,4,5
})

3、for-of

for-of语句可以在可迭代对象上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语句。

示例代码如下

var arr = ['test',123,{name:'wang'}]
for(item in arr){
    console.log(item);     //打印:test、123、{name:'wang'}
}