本文提供多个 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 循环:
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 循环!
以上就是Javascript 中的重复循环的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号