JS基础语法2

JS学习笔记2

运算符

一元运算符(自增++,自减–,注意前置和后置的小区别,和别的语言相同)

算术运算符

赋值运算符

比较运算符(与别的语言略有不同)

逻辑运算符

运算符优先级

1
2
3
4
5
6
注意一个点;
数字与字符串比较时,字符串会转换成数字字符,如果字符串为非数字,这个字符串会转换成NaN;比较结果均为FALSE

如 (9<'10') true
(9<'asd') false
(9>'asd') false

表达式和语句

顺序语句

分支语句

分支语句包含:

if分支语句(重点)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
// 单分支语句
// if (false) {
// console.log('执行语句')
// }
// if (3 > 5) {
// console.log('执行语句')
// }
// if (2 === '2') {
// console.log('执行语句')
// }
// 1. 除了0 所有的数字都为真
// if (0) {
// console.log('执行语句')
// }
// 2.除了 '' 所有的字符串都为真 true
// if ('pink老师') {
// console.log('执行语句')
// }
// if ('') {
// console.log('执行语句')
// }
// // if ('') console.log('执行语句')
</script>

三元运算符

1
条件 ? 表达式1 : 表达式2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// 三元运算符(三元表达式)
// 1. 语法格式
// 条件 ? 表达式1 : 表达式2

// 2. 执行过程
// 2.1 如果条件为真,则执行表达式1
// 2.2 如果条件为假,则执行表达式2

// 3. 验证
// 5 > 3 ? '真的' : '假的'
console.log(5 < 3 ? '真的' : '假的')

// let age = 18
// age = age + 1
// age++

// 1. 用户输入
let num = prompt('请您输入一个数字:')
// 2. 判断输出- 小于10才补0
// num = num < 10 ? 0 + num : num
num = num >= 10 ? num : 0 + num
alert(num)

switch语句

使用场景: 适合于有多个条件的时候,也属于分支语句,大部分情况下和 if多分支语句 功能相同

注意:

  1. switch case语句一般用于等值判断, if适合于区间判断

  2. switchcase一般需要配合break关键字使用 没有break会造成case穿透

  3. if 多分支语句开发要比switch更重要,使用也更多

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    switch(表达式){
    case x:
    语句(可以多个语句,无需用一个大括号包围)
    break;
    case y:
    语句
    break;
    default:
    语句
    }

循环语句

while

1
2
3
4
5
6
7
<script>
let i = 1;
while(i<=100){
document.write(`number${i}<br>`);
i++;
}
</script> //<br>标签放在反引号里面,参考document.write()的用法

for

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
注意for循环语句的执行顺序
for(①; ②; ③){



}

一、执行①

二、执行②,如果判断结果为true,则执行三,如果判断结果为false,则执行五

三、执行 ④

四、执行③,然后重复执行二

五、退出循环
对于for循环内部的continue,只跳过大括号内此轮循环语句的执行,不影响3,即不影响i++;与while不同,while要注意i++的语句先后

无限循环

1.while(true) 来构造“无限”循环,需要使用break退出循环。(常用)

2.for(;;) 也可以来构造“无限”循环,同样需要使用break退出循环。


JS基础语法2
https://wjcbolg.cn/2023/04/21/JS学习笔记2/
作者
JasonWang
发布于
2023年4月21日
许可协议
BY-JW