JavaScript运算符(赋值、自增自减、比较、逻辑、展开、优先级)、分支语句(if、三元表达式、switch)、循环结构(while、for)、断点调试

Bulut0907

于 2024-04-22 09:37:12 发布

阅读量796

点赞数 17

分类专栏： Javascript 文章标签： javascript 运算符分支语句循环结构断点调试

本文链接：https://blog.csdn.net/yy8623977/article/details/133418853

版权

Javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript编程中的基本语法，包括各种运算符（如赋值、自增自减、比较、逻辑和展开）、分支语句（if、三元表达式和switch）、循环结构（while和for），以及断点调试方法。

摘要由CSDN通过智能技术生成

1. 运算符

1.1 赋值运算符

1.2 自增和自减运算符

前置自增，先自加再使用
后置自增，先使用再自加
前置自减
后置自减

    let num1 = 10
    // 前置自增。先自加再使用
    ++num1
    console.log(num1)

    let num2 = 10
    // 后置自增。先使用再自加
    num2++
    console.log(num2)

    let num3 = 10
    // 前置自减
    --num3
    console.log(num3)

    let num4 = 10
    // 后置自减
    num4--
    console.log(num4)

    // 自增难题
    // 执行过程: 1. 先执行++num5, num5 = 2
    //         2. 再执行num5 + num5, 等于4
    //         3. 再执行num5++, num5 = 3
    //         4. 最后执行4 + num5 = 7, 结果等于7
    let num5 = 1
    console.log(num5++ + ++num5 + num5)     // 7
    console.log(num5)

1.3 比较运算符

>: 左边是否大于右边
<: 左边是否小于右边
>=: 左边是否大于或等于右边
<=: 左边是否小于或等于右边
==: 左右两边值是否相等
===: 左右两边是否类型和值都相等
!=: 左右两边值是否不相等
!==: 左右两边是否不全等

注意事项：

字符串比较，是比较的字符对应的ASCII码。从左往右依次比较，如果第一位一样再比较第二位，以此类推
尽量不要比较小数，因为小数有精度问题。小数相加有精度问题，可以先转换成整数进行相加，再转换成小数
不同类型之间比较会发生隐式转换。最终把数据隐式转换转成number类型再比较
undefined === null为false
NaN不等于任何值，包括它本身

1.4 逻辑运算符

&&: 逻辑与
- 逻辑与前面的表达式为false，则不再判断后面的表达式
- console.log(6 && 8)，输出的结果是能决定最终结果的表达式，这里输出8
||: 逻辑或
- 逻辑或前面的表达式为true，则不再判断后面的表达式
- console.log(6 || 8)，输出的结果是能决定最终结果的表达式，这里输出6
!: 逻辑非

1.5 展开运算符

展开运算符…, 可以将一个数组进行展开，但不修改原数组。注意: 展开数组是对数组的浅拷贝，数组中的元素如果是对象则拷贝的是地址
应用: 求数组最大值、数组合并

示例如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>
  <script>
    const arr1 = [1, 2]
    const arr2 = [3, 4]

    // 求数组最大值
    console.log(Math.max(...arr1)) // 2
    // 合并数组
    console.log([...arr1, ...arr2])   // [1, 2, 3, 4]
  </script>
</body>
</html>

1.6 运算符优先级

优先级	运算符	顺序
1	小括号	()
2	一元运算符	++ – !
3	算数运算符	先* / % 后+ -
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先&& 后\|\|
7	赋值运算符	=
8	逗号运算符	,

2. 分支语句

2.1 if

判断条件结果若不是布尔类型时，会发生隐式转换转为布尔类型

    let score = 86
    
    if(score >= 80) {
        console.log('很棒')
    } else if(score >= 60) {
        console.log('还行')
    } else {
        console.log('不太行')
    }

2.2 三元表达式

    console.log(8 > 6 ? 8 : 6)  // 8

2.3 switch

找到跟小括号里数据全等===的case值，并执行里面对应的代码

    let num = 2

    switch (num) {
        case 1:
            console.log('输入的是1')
            break
        case 2:
            console.log('输入的是2')
            break
        default:
            console.log('输入的不是1和2')

    }

3. 循环结构

continue: 跳出本次循环，执行下一次循环
break: 跳出所有循环

3.1 while循环

    let num = 1
    while(num <= 3) {
        console.log(num)
        num++
    }

3.2 for循环

for(;;) 可以构造“无限”循环，需要使用break退出循环

    for(i = 1; i <= 3; i++) {
        console.log(i)
    }

4. 断点调试

断点调试步骤：

点击source，选择运行的html
在需要断点的地方，进行点击，就可以打断点
再次刷新页面，就会进入断点调试模式
可以点击弯箭头，跳转到下一步

Bulut0907

关注

17
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
JavaScript运算符(赋值、自增自减、比较、逻辑、展开、优先级)、分支语句(if、三元表达式、switch)、循环结构(while、for)、断点调试

可以将一个数组进行展开，但不修改原数组。注意: 展开数组是对数组的浅拷贝，数组中的元素如果是对象则拷贝的是地址。应用: 求数组最大值、数组合并。
复制链接

扫一扫