学习JavaScript第二天

文章目录

• 1.运算符(操作符)
• • 1.1运算符的分类
  • 1.2算数运算符
  • 1.3递增和递减运算符
  • 1.4比较运算符
  • 1.5逻辑运算符
• 2.选择结构
• • 2.1if语句
  • • 2.1.1语法
    • 2.1.2案例1：判断闰年
  • 2.2switch语句
  • • 2.2.1语法
    • 2.2.2案例2：选择要进行的操作
• 3.循环结构
• • 3.1while循环
  • • 3.1.1语法
    • 3.1.2案例3：ATM存款取款
  • 3.2for循环
  • • 3.2.1语法：
    • 3.2.2案例4:冒泡排序

1.运算符(操作符)

1.1运算符的分类

运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。

• 算数运算符
• 递增和递减运算符
• 比较运算符
• 逻辑运算符
• 赋值运算符

1.2算数运算符

算术运算符概述
概念：算术运算使用的符号，用于执行两个变量或值的算术运算。

+
-
*
/
%

1.3递增和递减运算符

递增和递减运算符概述
如果需要反复给数字变量添加或减去1，可以使用递增（++）和递减（ – ）运算符来完成。
递增运算符
前置递增运算符
++num 前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。
使用口诀：先自加，后返回值。
后置递增运算符
num++ 后置递增，就是自加1，类似于 num = num + 1 ，但是 num++ 写起来更简单。
使用口诀：先返回原值，后自加。

1.4比较运算符

比较运算符概述
概念：比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值（true / false）作为比较运算的结果。

>
<
>=
<=
==
!=

1.5逻辑运算符

逻辑运算符概述
概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断。

&&
||
!

2.选择结构

2.1if语句

2.1.1语法

// 条件成立执行代码，否则什么也不做
if (条件表达式) {
// 条件成立执行的代码语句
}else{
//条件不成立sh时执行的代码语句
}

2.1.2案例1：判断闰年

<script>
    let year = prompt('请输入一个年份')
    if(year % 4 === 0 && year % 100 !== 0 || year % 400 ===0){
        document.write(`${year}是闰年`)
    }else {
        document.write(`${year}不是闰年`)
    }
</script>

2.2switch语句

2.2.1语法

switch( 表达式 ){
case value1:
// 表达式 等于 value1 时要执行的代码
break;
case value2:
// 表达式 等于 value2 时要执行的代码
break;
default:
// 表达式 不等于任何一个 value 时要执行的代码

2.2.2案例2：选择要进行的操作

let num = +prompt('请选择一个数字')
switch(num) {
    case 1:document.write('你选择的是1')
        break
    case 2:document.write('你选择的是2')
        break
    case 3:document.write('你选择的是3')
        break
    case 4:document.write('你选择的是4')
        break
    default:
        document.write('输入错误')
        break
}

3.循环结构

3.1while循环

3.1.1语法

while(循环条件){
循环体
}

3.1.2案例3：ATM存款取款

while (true) {
    let num = 1000 //假设银行卡为1000元
    let number = 0 //要存或者取出的钱
    let re = +prompt(`
    请选择：
        1.存款
        2.取款
        3.查询余额
        4.退出
`)
    //如果输入4退出循环
    if(re === 4){
        break
    }
    switch (re){
        case 1:
            number = +prompt('请输入要存入的金额')
            num += number
            document.write(`银行卡余额为：${num}`)
            break
        case 2:
            number = +prompt('请输入要取出的金额')
            if (num < number){
                document.write('余额不足')
            }else {
                num -=number
                document.write(`银行卡余额为：${num}`)
            }
            break
        case 3:
            document.write(`银行卡余额为：${num}`)
            break
        default:
            break
    }
}

3.2for循环

3.2.1语法：

for(变量起始值；终止条件；变量变化量){
	循环体
}

3.2.2案例4:冒泡排序

let nums = [9,8,7,6,5,4,3,2,1]
for (let i = 0; i < 10; i++){
    for (let j = 0; j < 10-i; j++){
        if(nums[j] > nums[j + 1]){
            let temp = nums[j]
            nums[j] = nums[j + 1]
            nums[j + 1] = temp
        }
    }
}
//打印排序好的数组
for (let i = 0; i < 10; i++){
    document.write(`${nums[i]}`)
}