JavaScritp基础知识整理（二）

最新推荐文章于 2024-09-12 16:05:15 发布

原创最新推荐文章于 2024-09-12 16:05:15 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了JavaScript中的基本运算符，包括算数、递增递减、比较、逻辑和赋值运算符，并探讨了它们的优先级。此外，还讲解了流程控制结构，如if...else语句、三元表达式和switch语句的使用，通过实例展示了条件判断和逻辑操作在实际编程中的应用。

1.常用运算符

①算数运算符
运算：+ 、-、、 /、%（运算符先后顺序和平常一样）
注：浮点数应用算术运算符时，会出现精度问题。
②递增递减运算符
(++变量),(–变量)【前置是先加减，后返回】或者 (变量++),(变量–)【后置是返回，后加减】
③ 比较运算符
<、>，>= 、<=、 ==(会转数据类型18 ==“18”)、 !=、 ===（全等）
④逻辑运算符
&&、||（）、!(非)
逻辑与： 123 && 456 返回456

逻辑非：123 || 456 返回 123

⑤赋值运算符
=，+=，-=，=，/=
⑥优先级
在这里插入图片描述
2.流程控制(执行的顺序)
①if 或者if else if

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //if 语句的使用
        var age = prompt('请输入年龄');
        // if else的语法结构
        if(age > 18){
            alert('你可以进入网吧！');
        }
        else{
            alert('你不可以进入网吧！');
        }
        var year = prompt('输入年份');
        if(year % 4 == 0 && year % 100 != 0 || year % 400 == 0){
            alert('是闰年');
        }else {
            alert('不是闰年')
        }
        
        var grade = prompt('输入分数');
        if (grade >= 85) {
            alert('优秀！');
        } else if (grade >= 60) {
            alert('及格！');
        } else {
            alert('不及格');
        }
    </script>
</head>
<body>
    <!--
    <input type="submit" value="提交" οnclick="alert('点击成功')">
    -->
</body>
</html>

②三元表达式
var result = 表达式？表达式1 : 表达式2
表达式为真执行1，为假执行2
③switch语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // switch 用法
        switch (5 + 8) {
            case 13:
                alert('找到了');
                break;
            
            case 12:
                alert('找到了');
                break;

            default:
                break;
        }
    </script>
</head>
<body>
    
</body>
</html>