JavaScript技术基础—for循环

for循环

• for循环基本使用

  for（变量的起始值；终止条件；变量变化量）{ //循环体 } //用for循环输出1-100岁 for (let i = 1; i <= 100; i++) { console.log(`我今年${i}岁了`); } //用for循环输出1-100之间的偶数和 let sum = 0; for (let i = 1; i <= 100; i++) { if (i % 2 == 0) { sum += i; } } console.log(sum); //用for循环输出5个§ for(let i=0;i<5;i++){ //文本输出5个§ document.write("§"); } //用for循环请将 数组 [‘马超’，‘赵云’， ‘张飞’, ‘关羽‘，’黄忠’] 依次打印出来 let name = ['马超', '赵云', '张飞', '关羽', '黄忠'] for (let i = 0; i < name.length; i++) { console.log(name[i]) }

  • 作用：重复执行代码

  • 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最常使用的循环形式

  • 退出循环

    • continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue

    • break 退出整个for循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用

    • 了解：1.while(true) 来构造“无限”循环，需要使用break退出循环。 2. for(;;) 也可以来构造“无限”循环，同样需要使用break退出循环。

  • 总结：for循环和while循环有什么区别呢：

    • 当如果明确了循环的次数的时候推荐使用for循环

    • 当不明确循环的次数的时候推荐使用while循环

• 循环嵌套:一个循环里再套一个循环，一般用在for循环里

  //for 循环嵌套 for (外部声明记录循环次数的变量；循环条件；变化值){ for(内部声明记录循环次数的变量；循环条件；变化值){} 循环体 } //计算： 假如每天记住5个单词，3天后一共能记住多少单词？ 拆解： 第一天 ： 5个单词 第二天： 5个单词 第三天： 5个单词 用循环嵌套 for(let i=1; i<=3; i++){ // console.log(i); document.write(`第${i}天<br>`) for(let j=1; j<=5; j++){ document.write(`记住了${j}个单词<br>`) } } // 用循环嵌套打印出☹的5行5列 for (let i = 0; i < 5; i++) { for (let j = 0; j < 5; j++) { document.write("☹"); } document.write("<br>"); } // 用循环嵌套打印出☹的打印倒三角形星星 for (var i = 1; i <= 5; i++) { for (var j = 0; j < i; j++) { document.write('*'); } document.write('<br>'); } // 用循环嵌套打印出九九乘法表 for (let i = 1; i <= 9; i++) { for (let j = 1; j <= i; j++) { document.write(j + "*" + i + "=" + i * j + "&nbsp;&nbsp;"); } document.write("<br>"); }