admin 管理员组

文章数量: 887021


2024年1月12日发(作者:matlab画指定区间函数图像)

JS数组循环的方式以及效率分析对比

##一、JS数组循环方式

javascript数组循环方式有很多种,可以分为基本的数组循环方式和高级的数组循环方式两大类。

###1.1、基本的数组循环方式

1. For循环

for循环是最基本的数组遍历方式,它可以非常方便的遍历一个数组。示例如下:

```javascript

var arr = [1,2,3,4,5];

for (var i = 0; i < ; i++)

(arr[i]);

```

2. For-in循环

for-in循环也是用来遍历一个数组的,它的用法比for循环更简单,但是也有一定的缺点,建议不要在数组中使用for-in循环。具体示例如下:

```javascript

var arr = [1,2,3,4,5];

for (var i in arr)

(arr[i]);

```

3. For-of循环

For-of循环是ES6中提出的一个新的循环方式,它可以让我们更加方便的遍历数组,特别是对于可以迭代的对象,示例如下:

```javascript

var arr = [1,2,3,4,5];

for (var i of arr)

(i);

```

4. Foreach循环

Foreach循环是ES5中新增的循环方式,它可以让我们更加方便的遍历数组,示例如下:

```javascript

var arr = [1,2,3,4,5];

h(function(item)

(item);

});

```

5. Map循环

Map循环是ES6中的一个循环方式,它可以让我们更加方便的遍历数组,同时它返回的是一个新的数组,示例如下:

```javascript

var arr = [1,2,3,4,5];

var newArr = (function(item)

return item * 2;

});

(newArr);

```

###1.2、高级的数组循环方式

1. Reduce循环

Reduce循环是ES5中提出的一种新的循环方式。


本文标签: 数组 循环 方式 指定 遍历