Javascript基础-while循环和for循环+简易ATM取款机案例

415 阅读2分钟

Javascript基础-while循环和for循环+简易ATM取款机案例

循环的本质就是以某个变量为起始值,然后不不断产生变化量,慢慢靠近终止条件的过程。

while循环

while循环语法:

while(循环条件){

		要重复执行的代码(循环体)

}

需要具备三要素:

1.变量起始值

2.终止条件(没有终止条件,循环会一直执行,造成死循环)

3.变量变化量(用自增或者自减)

ex:

let i = 1//起始值
while( i<=3 )//终止条件{
    document.wrte('我会循环3次<br/>')          变量变化量
}

for循环

for循环语法:

for(声明记录循环次数的变量;循环条件;变化值){
    循环体
}

与while循环相比,for循环需要设置循环次数的变量

ex:

for (let index = 1(变化值);index <= 5(循环次数);index++(循环条件){
    console.log(index)//输出1 2 3 4 5 
}

continue和break

continue 跳过本次循环 开启下一轮循环

break 直接终止循环(能使用break就使用break)

案例

//1-100总和
  while循环处理:
        let i=1;
        let num=0;
        while(i<=100){
            num += i++;
            console.log(num)
        }
        
  for循环处理:
  		let sum = 0;
            for(let i = 1;i<=100;i++){
                sum += i;
            }
            console.log(sum);
	//简易ATM取款机案例
		let input;
        money=0//存放的金额 0
        while(input!==4){
            input = +prompt(`请选择您的操作:
                1.存款
                2.取款
                3.查看余额
                4.退出
            `)
            /*
            开始对用户输入数据进行判断
            */
           if(input===1){
            //    输入"1"  会执行一项存款的程序
            // console.log("存款");
            let num1 = +prompt("请输入存储金额")
            money += num1;

           }else if(input===2){
            //    输入"2"  会执行一项取款的程序
            // console.log("取款");
            let num2 = +prompt("请输入取走金额")
            money -= num2;
           }else if(input===3){
            //    输入"3"  会执行一项查看余额的程序
            // console.log("查看余额");
            alert(money)
           }else if(input===4){
            //    输入"4"  会执行一项退出的程序
            console.log("退出");
           }


        }