JavaScript第二天

算术运算符

算数运算符包含五种:

加： +

减： -

乘： *

除： /

取余： %

优先级：

先* / % 再 + - 利用()可以提升优先级

console.log(1 + 2) // 3
console.log(1 - 2) // -1
console.log(3 * 9); // 27
console.log(9 / 3); // 3

console.log(10 % 3)  // 1
console.log(10 % 2)  // 0

赋值运算符


let a = 1
a = a + 1
console.log(a);

一元运算符

前置自增 ++i

后置自增 i++

单独使用无区别

比较运算符

= 代表赋值运算符 = 左侧必须是一个容器

== 和 != 只判断数值不匹配类型不是特别的严谨，就会导致 5 == '5' 返回结果是true 的情况

在开发中我们更喜欢严谨一点的 === 和 !==，因为 === 不仅可以匹配数值还可以匹配数据类型，5 === '5' 返回结果是false 5 === 5 返回结果是true

逻辑运算符

&& 与符号两边都为true 结果才是true 一假则假

|| 或符号两边有一个为true 结果就是true 一真则真

！非取反 true变为false false变为true 真变假假变真


console.log(true && true);  // true
console.log(true && false);  // false
console.log(true || false);  // true
console.log(false || false);  // false
console.log(!true);  // false
console.log(!false);  // true

逻辑短路

&& 左边为false就短路


console.log(false && 20) // false
console.log(5 < 3 && 20) // false
console.log(undefined && 20) // undefined
console.log(null && 20) // null
console.log(0 && 20) // 0
console.log(10 && 20) // 20

|| 左边为true就短路


console.log(false || 20) // 20
console.log(5 < 3 || 20) // 20
console.log(undefined || 20) // 20
console.log(null || 20) // 20
console.log(0 || 20) // 20
console.log(10 || 20) // 10

分支语句

单分支


let score = prompt('请输入您的高考成绩')

if (score > 700) {
    alert('恭喜您考入大学')
} else {
    alert('您再努努力明年再试试')
}

多分支


let time = +prompt('请您输入现在几点了')

if (time < 12) {
    alert('上午好')
} else if (time < 18) {
    alert('下午好')
} else if (time < 20) {
    alert('晚上好')
} else {
    alert('早点睡吧~')
}

三元运算符

条件 ? 满足条件执行的代码 : 不满足条件执行的代码


5 > 3 ? 5 : 3

数字补0案例


let num = +prompt('请输入一个数字')
// 如果用户输入的数字大于10  不需要补0  如果用户输入的数字小于0 则需要补0
document.write(num >= 10 ? num : '0' + num)
   if (num >= 10) {
       document.write(num)
   } else {
       document.write('0' + num)
   }

switch语句


let num = +prompt(`
            请输入您的操作序号
            1. 取钱
            2. 存钱
            3. 查询余额
            4. 退卡
        `)
        switch (num) {
            case 1:
                console.log('您输入的是1');
                break;
            case 2:
                console.log('您输入的是2');
                break;
            case 3:
                console.log('您输入的是3');
                break;
            case 4:
                console.log('您输入的是4');
                break;

            default:
                console.log('您输入的内容有误，请重新输入');
                break;
        }

while循环

循环必须有3要素

变量的起始值

循环条件

变量变化


let i = 1
while (i <= 5) {
    console.log(`这是我执行的第${i}次`);
    i++
}

案例


1. 输出 1~100个数字
   let i = 1

   while (i <= 100) {
       document.write(`${i}<br>`)
       i++
   }


2. 计算1~100 的累加和  1+2+3+.. + 100   = 5050
let i = 1
let sum = 0

while (i <= 100) {
    sum = sum + i
    // sum += i
    i++
}
console.log(sum)


3. 求 1~100 之间的偶数累加和  2550
// 偶数？ 一个数字 除以2的余数为0
   let i = 1
   let sum = 0

   while (i <= 100) {

       // 追加一个判断 你可以累加和 但是必须是偶数才进行和的累加计算
       if (i % 2 === 0) {
        // sum += i
       }
       i++
   }
   console.log(sum);


4. 你爱我吗案例
// 页面弹出对话框，'你爱我吗'，如果输入'爱'，则结束，否则一直弹出对话框

let love = false
while (love !== '爱') {
    love = prompt('你爱我吗？')
}
alert('我也爱你')

02-JavaScript