本文提供多个 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 中的重复循环的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2645379.html