JavaScript循环结构和迭代器的使用

JavaScript作为一门脚本语言，其循环结构和迭代器的使用是非常重要的基础知识。本文将详细介绍JavaScript中循环结构和迭代器的使用方法。

for循环

for循环是JavaScript中最常用的循环结构之一，其语法如下：

for (初始化表达式; 条件表达式; 循环后表达式) {
    // 循环体
}

其中，初始化表达式只在循环开始前执行一次；条件表达式在循环每次开始时都会执行，如果结果为true，则继续循环，否则退出循环；循环后表达式在每次循环结束后执行。

下面是一个for循环的例子：

for (var i = 0; i < 10; i++) {
    console.log(i);
}

执行结果为：

0
1
2
3
4
5
6
7
8
9

while循环

while循环是另一种常用的循环结构，其语法如下：

while (条件表达式) {
    // 循环体
}

条件表达式在循环每次开始时都会执行，如果结果为true，则继续循环，否则退出循环。

下面是一个while循环的例子：

var i = 0;
while (i < 10) {
    console.log(i);
    i++;
}

执行结果为：

0
1
2
3
4
5
6
7
8
9

do-while循环

do-while循环是另一种常用的循环结构，其语法如下：

do {
    // 循环体
} while (条件表达式);

循环体会先执行一次，然后条件表达式在每次循环结束后执行，如果结果为true，则继续循环，否则退出循环。

下面是一个do-while循环的例子：

var i = 0;
do {
    console.log(i);
    i++;
} while (i < 10);

执行结果为：

0
1
2
3
4
5
6
7
8
9

迭代器

除了常规的循环结构外，ES6还新增了一些迭代器方法，可以更加方便地遍历各种数据类型。下面介绍几种常用的迭代器方法。

forEach方法

forEach方法可以遍历数组中的每一个元素，其语法如下：

array.forEach(function(item, index, array) {
    // 处理函数
});

其中，item表示数组中的元素，index表示元素的下标，array表示原数组。

下面是一个forEach方法的例子：

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index, array) {
    console.log(item);
});

执行结果为：

1
2
3
4
5

for...of方法

for...of方法可以遍历各种可迭代对象，包括数组、Set、Map等，其语法如下：

for (var item of iterable) {
    // 处理函数
}

其中，item表示可迭代对象中的元素，iterable表示可迭代对象。

下面是一个for...of方法的例子：

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

执行结果为：

1
2
3
4
5

map方法

map方法可以遍历数组中的每一个元素，并对其进行处理，最终返回一个新的数组，其语法如下：

var newArray = array.map(function(item, index, array) {
    // 处理函数
    return newItem;
});

其中，item表示数组中的元素，index表示元素的下标，array表示原数组，newItem表示处理后的新元素。

下面是一个map方法的例子：

var arr = [1, 2, 3, 4, 5];
var newArr = arr.map(function(item, index, array) {
    return item * 2;
});
console.log(newArr);

执行结果为：

[2, 4, 6, 8, 10]

本文介绍了JavaScript中常用的循环结构和ES6中新增的迭代器方法，希望能够帮助大家更好地掌握JavaScript编程。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： JavaScript中的事件绑定和事件处理函数
• 下一篇： JavaScript条件语句和逻辑运算符的应用