java script基础总结（语句；循环）

7.语 句

7-1.表达式和语句

• 表达式：是一组代码的集合，JavaScript解释器会将其计算出一个结果

• 语句：js 整句或命令，js 语句是以分号结束（可以省略）

• 区别：表达式计算出一个值，但语句用来自行以使某件事发生(做什么事)

7-2.分支语句

​ 有的时候要根据条件选择执行代码，这种就叫分支结构

单分支

​

​ if（条件） {

​ 如果条件成立，则执行这行代码，否则不执行

​ }

        let score = +prompt('请输入高考成绩');
        if(score>700) {
            alert('恭喜你考入了黑马程序员');
        }

​ 注意:如果if语句里面只有一行代码可以省列{}

双分支

​ if（条件） {

​ 如果条件成立，则执行这行代码

​ }else {

​ 否则执行这一行代码

​ }

        let score = +prompt('请输入高考成绩');
        if (score>700){
            alert('蓝翔欢迎你');
        }else {
            alert ('怀恨去北大');
        }

多分支

 		let day = +prompt('请输入今天是星期几');
        if (day===1) {
            alert('吃猪脚饭');
        }else if (day===2) {
            alert('吃煲仔饭');
        }else if (day===3) {
            alert('吃烤全羊');
        }else if (day===4) {
            alert('吃牢饭');
        }else if (day===5) {
            alert('吃软饭');
        }else {
            alert('吃白饭');
        }

Switch-case语句：

7-3.三元表达式：

​ 条件？满足条件执行的代码 ：不满足条件执行的代码

​ 需求：输入两个数值，比较哪一个数值大，然后就输入那个大的数值

let num1 = +prompt('请输入第一个数');
        let num2 = +prompt('请输入第二个数');
        //判断哪个数值比较大  三元表达式：条件？满足条件执行的代码 ：不满足条件执行的代码
        let max = num1>num2?num1:num2;
        console.log(max);

7-4.综合案例

• 案例1-数字补0

  需求：用户输入1个数，如果小于10，则前面补0，比如09 03 等

  	let num = +prompt('请输入一个数字');
          num = num < 10 ? '0' + num : num;
          console.log(num);
  

• 案例2-简单计算器

  需求：用户输入2个数字，然后输入+ - * / 任何一个，可以计算结果

  	  let num1 = +prompt('请输入第一个数字'),
          num2 = +prompt('请输入第二个数字'),
          symbol = prompt('请输入 *** 作符: + - * /中的任意一个') ;
        let result ;
    
        if (symbol === '+') {
          result = num1 + num2;
        } else if (symbol === '-') {
          result = num1 - num2;
        } else if (symbol === '*') {
          result = num1 * num2;
        } else if (symbol === '/') {
          result = num1 / num2;
        } else {
          alert('出错了');
        }
        alert('本次的计算结果是：' + num1 + symbol + num2 + '=' + result);
  

7-5.断点调试

• 作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug

• 使用：浏览器打开调试界面

  • 1.按F12打开开发者工具或鼠标右键点检查
  • 2.点到sources（源代码）一栏
  • 3.选择代码文件

• 断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

7-6.循环语句

1.while循环

• 1.变量起始值

• 2.终止条件（没有终止条件，循环会一直执行，变成死循环）

• 3.变量变化量（用自增或者自减）

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

案例：简易ATM取款机

        let choice;
        let money=10000;          
        while(choice !== 4) {
            choice = +prompt(`请输入你的 *** 作:
                1.取款
                2.存款
                3.查看余额
                4.退出
        `);
            if(choice === 1) {
                let withdrawal = +prompt('请输入取款金额');
                if(withdrawal<=money && withdrawal>=0) {
                    money-=withdrawal;
                    alert('取款成功，当前余额为：'+money);
                }else {
                    alert('输入错误，请重新输入');
                }
            }else if(choice === 2) {
                let deposit = +prompt('请输入存款金额');
                if(deposit>0) {
                    money +=deposit;
                    alert('存款成功，当前余额为：'+money);
                }else {
                    alert('输入错误，请重新输入');
                }
            }else if(choice === 3) {
                alert('你的余额为：'+ money);
            }else if(choice === 4) {
                console.log('退出');
            }else {
                alert('输入有误，请重新输入');
            }
        }

2.for循环

• 也是重复执行代码

• l好处：把声明起始值、循环条件、变化值写到一起，让人一目了然

for(let i=0;i<=100;i++) {
            console.log(i);
     }

案例：第n天背第个单词

        let day = +prompt("请输入天数");
        let num = +prompt("请输入每天的个数");
        for (let day1 = 1 ;  day1<= day; day1++) {
            document.write(`第${day1}天
`);

            for (let num1 = 1 ;  num1<= num; num1++) {
            document.write(`记住第${num1}个单词
`);       
            }       
        }

do-while循环

3.循环退出

• continue：结束本次循环，继续下次循环

• break：跳出所在的循环

4.循环嵌套

• 九九乘法表案例

for(i=1;i<=9;i++){   //一共有九行
	for(j=1;j<=i;j++){   //每行逐渐递增
        document.write(`${j}*${i}=${j*i}     `)
    }
    document.write(`
`)
}