操作符是执行某种数学，逻辑或赋值操作的符号。在某些情况下，有助于缩短代码（我们将在本章中看到）。
让我们看一个基于操作符的简单示例
2 + 2（这里+是加法运算符，2,2是操作数）+运算符将对两个数字进行加法运算。
Javascript使用几种不同类型的运算符
1.数学运算符
2.分配算子
3.比较运算符
4.逻辑运算符
5.位运算符
6.特殊运算法
了解数学运算符
这些操作符用于进行数学运算，如加法，减法，多重分割，除法等。
让我们快速看一下js代码
<script>
var x = 23;
var y = 12;
var z = x + y;
document.write(z);
</script>
在上面的代码中，我们声明三个变量，在变量x和y中，我们存储两个数字，并使用'+'运算符存储变量z中的两个数字的相加。
让我们看看另一个代码
<script>
var x = "Hello";
var y = "world";
var z = x + y;
document.write(z);
</script>
上面的代码将产生输出为Helloworld，这意味着'+'运算符也可以用于连接两个字符串，现在你必须考虑如果我们添加一个数字和字符串会是什么输出？答案是输出会是一个字符串，javascript会连接数字和字符串，例如看下面的代码
<script>
var x = 2;
var y = "world";
var z = x + y;
document.write(z);
</script>
上面的代码将产生输出为2world，你看到如何将一个类型的数据转换成另一种类型，在这种情况下，它将数字转换成一个字符串，这被称为隐式转换中的类型转换。
现在让我们尝试一些其他的算术运算符，
varx=6;//learn more about variables in the 2nd chapter of the seriesvary=5;varsum=x+y;//storing the sum of x and y in var zvardifference=x – y;varproduct=x*y;vardividend=x/y//the ‘/' opertor returns the dividenddocument.write(sum+" "+difference+" "+product+" "+dividend);
<script>
var x = 6;
var y = 5;
var sum = x + y;
var difference = x – y;
var product = x * y;
var dividend = x / y ; //这里的 ‘/'除法的意思
document.write(sum + " " + difference + " " + product + " " + dividend);
</script>
上面的代码将产生如下的输出：11 1 30 1.2，在document.write（）中，我们连接每个变量时都需要用到加号进行拼接，这就是为什么我们在每个输出之间有空格。
我们已经讨论了一些基本的智力运算符，现在我们来看看一些更多的运算符。
模数运算符（％）
该运算符返回两个数字的剩余部分，例如
3％2将返回1，因为1是余数，当我们除以3/2。
<script>
var a = 3; //定一个变量为3
var b = 4; //定义一个变量为 4
document.write(b%a);
</script>
上述代码将打印输出为1。
增量运算符（++）
增量运算符可以在要运行的值的任一侧使用。它将值增加1，就像添加1一样。实际结果取决于操作员是否在其工作值之前或之后使用。这个运算符经常与变量和循环中使用（我们将在本系列的即将到来的章节中研究循环）。
<script>
var x = 10;
document.write(x); //结果为10
x++; //x++ 同等 x = x+ 1
document.write(x); //结果为11
</script>
在上面的代码中，x ++将更新x的值并将其增加1.现在让我们尝试找到（x ++）和（++ x）之间的区别
<script>
var x = 10;
document.write(x); //输出 10
var y = x++;
document.write(y); //输出 10
document.write(x); //输出 11
</script>
现在你必须考虑存储在y中的值应该是11，但是不是x ++意味着首先使用该值，然后将它增加1，这就是为什么++在操作数之后。
<script>
var x = 10;
document.write(x); //输出 10
var y = ++x;
document.write(y); //输出 11
document.write(x); //输出 11
</script>
现在你可以观察到这个变化，现在y中的值存储是11，因为++ x意味着先增加值，然后使用它。
递减运算符（ - ）
它与（++）运算符完全相反，代替将值递增1，它将该值递减1，并且使用操作数的任一侧。
尝试自己：为递减运算符编写上述（++）代码
一元否定（ - ）运算符
该运算符用于创建在操作数之前使用的负数。例如
<script>
var x = 3;
var y = -3;
document.write(x-y); //输出 6
</script>
我们已经在前面使用过（=）运算符，它用于为变量赋值。例如
<script>
var x=3.14;//把 3.14这个数子赋值给X；
</script>
类似地，我们有以下分配运算符，列表如下所示。
等号（=）
添加并赋值（+ =）
减去并赋值（ - =）
乘以并赋值（* =）
除以并赋值（/ =）
模数并赋值（％=）
让我们看看这些操符的工作原理
添加并赋值运算符
让我们看一个简单的表达
var x += 5;
这可能有点混乱，但让我简化它，并为上述代码写和等效的表达式
var x=x+5；
现在可能看起来很熟悉，实际上（x = x + 5）和（x + = 5）都相同，（+ =）运算符将右侧的值添加到左侧的变量，然后分配变量的新值。
所有其他分配操作员的工作方式与添加和分配操作符相同。
你们可以自己尝试：使用JavaScript实现所有剩余的赋值运算符
了解比较运算符
当我们通过比较两个或多个值进行判断时，大多数使用比较运算符，一些比较运算符是（>，<，==，！=，> =，<=，===，！==）你已经看到他们中的大多数在你的数学笔记本中，实际上也是一样的Javascript。比较运算符返回布尔值true或false。让我们举一个简单的例子
<script>
var x = 20;
var y = 10;
var z = x > y;
document.write(z); //输出的结果是 true
</script>
上面的代码将打印输出为true，想要结果为false只是将表达式更改为（x<y);
让我们尝试在JavaScript代码中实现一些比较运算符
<script>
var x = 20;
var y = 20;
document.write(x > y); //false
document.write(x < y); //false
document.write(x >= y); //判断等于或者等于, true
document.write(x <= y); //判断小于或者等于, true
</script>
我们还有几个比较运算符，如（==，===，！=和！==）
让我们看看他们的意思，
等于运算符（==）
该运算符用于检查两个值是否相等，例如忽略变量的数据类型
<script>
2 == 2 //true
2 == "2" //true, 一个数字类型2等于一个字符类型的2；结果是true，这也是操作符中的隐式转换；
2 == 3 //false
</script>
注意：（=）运算符用于（=）运算符用于赋值时，请注意不要使用（=）运算符代替（==）运算符。
严格等于操作赋（===）
（===）运算符也检查质量，但不同之处在于它不会忽略数据类型
2==="2"//结果 false
这是（==）和（===）运算符的主要区别。
不等于（！=）和严格不等于运算符（！==）
这些运算符与（==）和（===）运算符完全相反，这两个运算符例如检查两个值的不等式
<script>
var x = 10;
var y = "20";
document.write(x!=y); //输出 true
</script>
严格不等于运算符检查不等式，不要忽略数据类型。
了解逻辑运算符
三个逻辑运算符允许您比较两个条件语句，以查看语句中的一个或两个是否为真，并相应地进行比较。如果您想要一次检查多个条件并使用结果，则逻辑运算符可能很有用。像比较运算符一样，逻辑运算符也返回true或false，这取决于运算符两边的值。
和（&&）运算符
使用&&运算符的两边都为真，逻辑&&运算符返回true。如果运算符任一侧的一个或两个比较为false，则返回false值，看看这个例子
<script>
(23 > 20) && (10 == 10) //两边的结果为真时 得到true
(20 > 10) && (10 == 10) //只要两边的结果有一边是假，结果为假
</script>
或（||）运算符
如果表达式的一方都为true，逻辑||运算符返回true。如果两边都为false，那么||运算符返回false。
来看看例子：
<script>
(20 > 10) || (10 == 10) //有一边是true的 结果为true
(10 != 10) || (10>18) //两边是false ，结果更假，得到的结果为false
</script>
非（！）运算符
该运算符基本上将一个返回true的表达式转换为false，反之亦然，例如：
<script>
!(10 == 10) //false
!(20 > 18) //return true as it converts false to true
</script>
按位运算符
按位运算符是处理位（1和0）的运算符，我们将在后面的系列中介绍这些类型的运算符。
如果您有任何疑问，可以随时向我们发表评论，或者在任何社交媒体页面上与我们联系。
谢谢你的阅读。
了解更多资讯请关注微信公众号：芒果web 或者微信搜索（javascriptes6）
将您的查询和反馈发送到我们的微信公众号或在我们的QQ群634109637讨论。您也可以在下面评论您的问题。
另外，别忘了订阅我们。
如果你喜欢这篇文章，那么请分享一下，帮助我们成长。
网友评论