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)
}
}