本文提供多个 Javascript 循环示例，演示如何遍历数组。我们将使用 while、for、do...while、for...of、for...in 和 forEach 循环，并比较它们的不同之处。
示例：遍历包含 10 个数字的数组
我们使用一个包含数字 10 到 100 的数组作为示例数据。以下代码展示了如何使用不同的循环遍历此数组并打印每个元素：
1. while 循环:
立即学习“Java免费学习笔记（深入）”；
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
let i = 0;
console.log('while: ');
while (i < v.length) {
console.log(`v[${i}]=`, v[i]);
i++;
}
2. for 循环:
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log('for: ');
for (let i = 0; i < v.length; i++) {
console.log(`v[${i}]=`, v[i]);
}
3. do...while 循环:
Kuwebs企业网站管理系统3.1.5 UTF8
下载
酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS，遵循SEO标准。 1.支持中文、英文两种版本，后台可以在不同的环境下编辑中英文。 3.程序和界面分离，提供通用的PHP标准语法字段供前台调用，可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
let i = 0;
console.log('do while: ');
do {
console.log(`v[${i}]=`, v[i]);
i++;
} while (i < v.length);
4. for...of 循环:
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log('for...of: ');
for (let valor of v) {
console.log(`v[]=`, valor);
}
5. for...in 循环:
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log('for...in: ');
for (let i in v) {
console.log(`v[${i}]=`, v[i]);
}
6. forEach 方法:
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log('forEach: ');
v.forEach((valor, index) => {
console.log(`v[${index}]=`, valor);
});
这些示例展示了 Javascript 中处理数组的不同方法。选择哪种循环取决于具体的应用场景和个人偏好。 for...of 通常被认为是遍历数组元素最简洁和易读的方式。 forEach 提供了更灵活的方式，允许在回调函数中执行更多操作。
希望这些例子能帮助您练习 Javascript 循环！
