JavaScript循环结构

for循环

while循环

do-while循环

循环结构：代码中可以根据某个条件是否满足，重复执行某个代码块的过程

页面中重复的视图结构，开发的时候不会每个视图结构都单独开发一次，重复的工作量太大！

需要循环结构的支持，将多个商品直接在同一个视图结构中进行重复渲染，页面中就可以一次加载多个商品

循环大大降低了工作量

实现for循环的基本语法

var i = 1：初始变量，循环执行的时候 这段代码只会执行一次
// i<= 10：循环条件，当条件的结果为true的时候，执行循环内部的代码
// i++：自增运算，循环内部的代码执行完成后，对循环变量进行自增
for(var i = 1; i <= 10; i++) {
  console.log("sale No." + i + " tickets")
}

实现while循环的基本语法

var i = 1
// 循环上，添加条件判断
while(i <= 10) {
  console.log("售出了" + i + "号票")
  // 循环内部，修改循环变量
  i++
}

实现do-while循环的基本语法

var i = 1;
// 先循环，后判断条件（do-while循环不论条件是否为true，至少会执行一次循环代码）
do {
  console.log("售出了" + i + "号票")
  // 注意：一定要记得修改循环变量，避免造成死循环的情况
  i++
}while(i <= 10)

案例：

水仙花数及代码块

// 水仙花数
// 是一个三位数
// 每个位数上的数字的3次方的和，等于它本身
// 1^3 + 5^3 + 3^3 = 153
for(var i = 100; i <= 999; i++){
  // 拆分数字
  var b = parseInt(i / 100)
  var s = parseInt(i % 100 / 10)
  var g = parseInt(i % 10)

  // 判断是否水仙花数
  if(b*b*b + s*s*s + g*g*g === i) {
    console.log("水仙花数：", i)
  }
}