JavaScript学习（二）了解史上最全的JS运算符

最新推荐文章于 2020-12-02 21:44:14 发布

zhaojingzong

最新推荐文章于 2020-12-02 21:44:14 发布

阅读量248

点赞数

分类专栏： JavaScript 文章标签：史上最全的JS运算符运算符运算符

本文链接：https://blog.csdn.net/qq_39897005/article/details/82767097

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

通过本小白的学习，大胆的将JS运算符分为 连接符、转义字符、算数运算符、赋值运算符、关系运算符、条件运算符、逻辑运算符。接下来让我们一起来学习、掌握它们吧。

一、了解变量

首先对JS小白来粗略的了解下，如何定义变量，及变量的赋值，上篇文章已经提到过JS的特点，其中就有：JavaScript 是一种基于对象的脚本语言，是一种简单弱类型脚本语言。也就是说可以用java面向对象的思想来看待它，但是它的变量类型采用的是弱引用类型，并未使用严格的数据类型。

定义变量：var（关键字） a(变量名) ；

变量的赋值： a= 6; a="Hello" ;a = true; 变量赋值的特点具有唯一性，一个变量就只能对应一个值

变量的命名规则：

1.由字母、数字、下划线、$符号组成

2.不能以数字开头

3.区分大小写

4.不可使用关键字（关键字就是那些语言开发人员所定义的具有某些特殊含义的字）

简单的引入一下变量，后续文章会做详细的讲解。

二、连接符（+）

用连接符可以实现多个字符连接在一起形成一串字符

下面通过例子对连接符进行系统的学习

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>学习运算符</title>
    <script>
        var a = 6;
        var s = "hello";
        var c = true;
        var d = false;
        document.write(a+s+c);//展示连接符的效果
//
        document.write(s+a+a);
//        结果是hello66
       document.write(a+a+s);
//        结果是 12hello
        document.write(c+c+s);
        //结果是：2hello
        document.write(d+c+s);
        //结果是1hello
        document.write(d+d+s);
        //结果是0hello
        document.write(d+d+a);
//        结果是 6
        document.write("\t")
        document.write(c+d+d);
        //结果是 1
        document.write(c+a);
//        结果是7 
    </script>
</head>
<body>

</body>
</html>

总结：1.当字符串与任何类型的数据连接，最终都是字符串。

2.当boolean类型的数据与boolean类型的数据相连接

或者int 类型与boolean类型，进行的是常量的求和运算，其中 true是1 false是0

三、转义字符 ( \ )

转义序列	字符
\b	退格
\f	走纸换页
\n	换行
\r	回车
\t	横向跳格 (Ctrl-I)
\'	单引号
\"	双引号
\\	反斜杠

示例：

//        题目： 显示  张三说：“你好”
//        当双引号是中文格式的时候，可是正常显示，当它是英文格式的时候不能正常显示，这时就需要转义字符了
//        （不能显示的原因是因为它被语言开发者赋予了别的含义）
        alert("张三说：“你好”")//中文格式的双引号
        alert("张三说：\"你好\" ")//英文格式的需要转义

四、算数运算符

算数运算符有：+(加) -（减） *（乘） /（除）与数学上的运算一致

++（自增运算符） --（自减运算符）

下面看两个例子

        var  m = 3;
        var n = 5;
        alert(m++);  //结果是:3 先取值再加一

        var  m = 3;
        var n = 5;

        alert(++m);    //4 先加一在取值

练习：

        var  m = 3;
        var n = 5;
        alert(m++);  //结果是：3 先取值再加一
        //此时m=4
        alert(++m);    //结果是5 先加一在取值

五、赋值运算符

赋值运算符有：=，+=，-=，*=，/=

简单的赋值操作符由等于号（=）表示，其作用就是把右侧的值赋给左侧的变量。

如果在等于号（=）前面再添加乘性操作符、加性操作符或位操作符，就可以完成复合赋值操作。

num = num + 10; 等同于num += 10;

设计这些操作符的主要目的就是简化赋值操作。使用它们不会带来任何性能的提升。

六、关系运算符

关系运算符有：> >= < <= == === != !==

其中>(大于)、<(小于)、>=(大于等于)、<=（小于等于）与数学上一致不做过多陈述

== !=只是比较值是否相同

=== !== 比较值和值的类型是否一致

七、条件运算符（三元运算符或三目运算符）

条件运算符：表达式？值1：值2

运算过程：先判断表达式的结果如果结果为true取值1 如果结果是false 取值2；

例子：

//判断num是偶数还是奇数
        var num  = 8;
        var result = num%2==0?"偶数":"奇数";
        alert(result);//结果是偶数

八、逻辑运算符

逻辑运算符有 &&（与） ||（或）！（非）

例子：

       var h5 = 56,js= 67;
//        判断h5和js是否都考试及格
     var result= h5>=60&&js>=60;
      alert(result);//结果是false

总结：&&

左右两边都为true 结果为true，其它情况均为false；

扩展----如果左边为false 则右边不执行(原因是：只要第一个为false,无论右边是什么结果其结果均为false 提高了运算效率)

总结：||

左右两边有一个为true 结果为true，两边都为false的情况结果是false；

扩展----如果左边为true 则右边不执行(原因是：只要有一个为true，无论右边是什么结果其结果均为true 提高了运算效率)

此外：

0相当于false ，非0相当于true；

“”相当于false，非“”相当于true;

九、完结

相关视频：链接：https://pan.baidu.com/s/1-qUw1o_Rn3frpA7TibBg9w 密码：br56

想get更多的基础内容，请持续关注小白。

zhaojingzong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习（二）了解史上最全的JS运算符

通过本小白的学习，大胆的将JS运算符分为连接符、转义字符、算数运算符、赋值运算符、关系运算符、条件运算符、逻辑运算符。接下来让我们一起来学习、掌握它们吧。一、了解变量首先对JS小白来粗略的了解下，如何定义变量，及变量的赋值，上篇文章已经提到过JS的特点，其中就有：JavaScript 是一种基于对象的脚本语言，是一种简单弱类型脚本语言。也就是说可以用java面向对象的思想来看待它，但是它...
复制链接

扫一扫