JS基础Day2

目录

JS基础Day2

运算符

1 赋值运算符（=、+=、-=）

2 自增运算符（++、--）

练习

3 比较运算符

4 逻辑运算符

练习

练习

分支语句

1 if语句

练习1（判断闰年）

练习2（评价成绩）

2 三元运算符

练习1

练习2

3 switch语句

练习

循环语句

1 断点调试

2 while循环

练习

3 退出循环

综合案例（简易ATM取款机）

---

JS基础Day2

重点内容：运算符、分支、循环

运算符

1 赋值运算符（=、+=、-=）

略

2 自增运算符（++、--）

练习

let i = 1;
ans = i++ + ++i + i
//ans = ?
//ans = 1 + (2+1) + 3 = 7

3 比较运算符

注意：

NaN不等于任何值，包括它本身。

涉及到"NaN“的比较，结果都是false。

=是赋值。

==是判断只要求值相等，不要求数据类型一样即可返回true。

===是全等，要求值和数据类型都一样返回的才是true。

开发中，请使用===。

4 逻辑运算符

练习

需求：用户输入一个整数，判断这个数能被4整除，但是不能被100整除，满足条件，页面弹出true,否则弹出false。

let num = +prompt("请输入一个整数：");
alert(num % 4 === 0 && num % 100 !== 0)

练习

let a = 3 > 5 && 2 < 7 && 3 == 4;
console.log(a); // false

let b = 3 <= 4 || 3 > 1 || 3 != 2;
console.log(b); // true

let c = 2 === "2";
console.log(c); // false

let d = !c || b && a;
console.log(d); // true

分支语句

1 if语句

练习1（判断闰年）

需求：让用户输入年份，判断这一年是闰年还是平年并弹出对应的警示框

（能被4整除但不能被100整除，或者被400整除的年份是闰年，否则都是平年）

let year = +prompt("请输入年份：");
if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) alert(`${year}年是闰年`) 
else alert(`${year}年不是闰年，是平年`);

练习2（评价成绩）

需求：

根据输入不同的成绩，反馈不同的评价注：

①：成绩90以上是优秀

②：成绩70~90是良好

③：成绩是60~70之间是及格

④：成绩60分以下是不及格

let score = +prompt("请输入成绩：");
if (score >= 90) {
    alert(`${score}分，优秀`);
} else if (score >= 70) {
    alert(`${score}分，良好`);
} else if (score >= 60) {
    alert(`${score}分，及格`);
} else {
    alert(`${score}分，不及格`);
}

2 三元运算符

练习1

需求：用户输入2个数，页面弹出最大的值

let num1 = +prompt("请输入第一个数：");
let num2 = +prompt("请输入第二个数：");
alert("最大值是" + (num1 >= num2 ? num1 : num2));

练习2

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

let num = +prompt("请输入一个数字：");
let strNum = num < 10 ? "0" + num : num;
alert(strNum);

3 switch语句

练习

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

let num1 = +prompt("请输入第一个数字：");
let num2 = +prompt("请输入第二个数字：");
let operator = prompt("请输入 + - * /其中的一个：");
switch (operator) {
    case '+' : 
        alert(`加法结果为${num1 + num2}`);
        break;
    case '-' :
        alert(`减法结果为${num1 - num2}`);
        break;
    case '*' :
        alert(`乘法结果为${num1 * num2}`);
        break;
    case '/' :
        num2 !== 0 ? alert(`除法结果为${num1 / num2}`) : alert(`除数不能为0`);
        break;
    default : 
        alert("运算符输入错误，请输入 + - * /其中的一个")

循环语句

1 断点调试

 步骤：

浏览器打开调试界面

1.按F12打开开发者工具

2.点到源代码一栏

3.选择代码文件

4.刷新页面开始调试

2 while循环

练习

需求：使用while循环，页面中打印，可以添加换行效果

1.页面输出1-100

let i = 1;
while (i <= 100) {
    document.write(i + "<br>");
    i++;
}

2.计算从1加到100的总和并输出

let i = 1;
let sum = 0;
while (i <= 100) {
    sum += i;
    i++;
}
document.write("1 + 2 + ... + 100 = " + sum);

3.计算1-100之间的所有偶数和

let i = 1;
let sum = 0;
while (i <= 100) {
    sum = i % 2 === 0 ? sum + i : sum;
    i++;
}
document.write("2 + 4 + ... + 100 = " + sum);

3 退出循环

break:退出循环

continue:结束本次循环，继续下次循环

综合案例（简易ATM取款机）

需求：用户可以选择存钱、取钱、查看余额和退出功能

let sum = 0;
let flag = true;
while (flag) {
    let num = +prompt("请您选择操作：1.存钱2.取钱3.查看余额4.退出");
    switch (num) {
        case 1 :
            let inMoney = +prompt("请输入存入金额（元）："); 
            sum += inMoney;
            break;
        case 2 :
            let outMoney = +prompt("请输入取出金额（元）：");
            sum -= outMoney;
            break;
        case 3 :
            alert(`余额为${sum}元`);
            break;
        case 4 :
            flag = false;
            break;
        default :
            alert("请输入1,2,3,4其中之一的选项");
    }
}