流程控制:
    从上到下执行:顺序结构;
    有时候根据条件选择执行的代码:分支结构;
    某段代码被重复执行:循环结构

    image.png

    image.png

    image.png

    image.png
    image.png
    image.png
    //2.渲染表格 填充数据
    / 模板字符串符号

    在英文状态下按tab上方的那个键
    内容拼接变量时, 用${ } 包住变量
    /
    数据类型转换为boolean:
    image.png
    1.算术运算符:
    image.png

    1. //javscript 和java不同 除法就是普通数学除法运算 取到小数点
    2. console.log(1 / 8);//0.125
    3. console.log(10 / 4);//2.5
    4. //取余 % 如果前面的数字比后面小 结果是前面的数字
    5. console.log(3 % 5);//3
    6. // % 如果前面的数字比后面大 就是取余数
    7. console.log(5 % 3);//2 10 % 3 == 2 //
    8. // 应用场景 判断一个数能否被整除
    9. //是否是偶数 ..等
    10. let num = prompt('请输入一个数字')
    11. if (num % 2 == 0) {
    12. alert(num + '是偶数')
    13. } else {
    14. alert(num + '是奇数')
    15. }

    2.自增运算符:
    image.png

    3.比较运算符:
    image.png

    4.逻辑运算符:
    && : 逻辑与 (并且)
    || : 逻辑或 (或者)
    ! : 逻辑非 (取反)

    三元运算符: a>b?a:b
    补0操作
    image.png

    简易ATM机取款案例:

    1. //定义初始余额1000元;
    2. let balance = 1000;
    3. //1.无限弹窗
    4. while (true) {
    5. String
    6. let button = prompt(`请选择按钮
    7. 1.存钱
    8. 2.取钱
    9. 3.查看余额
    10. 4.退出功能
    11. `)
    12. //2.当按钮等于 4时 退出无限循环
    13. if (button == 4) {
    14. alert('退出成功');
    15. //break 跳出当前循环
    16. break;
    17. }
    18. //3.switch分支语句
    19. switch (button) {
    20. //当按钮为1时
    21. case '1':
    22. //定义变量接收数据 = +作为正号解析转换为数字类型 弹窗 输入金额
    23. let deposit = +prompt('请输入存款金额');
    24. //余额 = 余额 + 存款金额
    25. balance = balance + deposit;
    26. //break 跳出switch 分支语句
    27. break;
    28. case '2':
    29. let withdrawal = +prompt('请输入取款金额');
    30. balance = balance - withdrawal;
    31. break;
    32. case '3':
    33. alert('您当前的余额为:' + balance + '元');
    34. break;
    35. default:
    36. alert('输入有误');
    37. break;
    38. }
    39. }
    40. </script>