JavaScript教程:JavaScript 运算符

JavaScript 算术运算符

算术运算符用于执行两个变量或值的运算。

赋值 y = 5, 以下表格将向你说明算术运算符的使用:

运算符描述例子y 值x 值
+加法x = y + 2y = 5x = 7
减法x = y – 2y = 5x = 3
*乘法x = y * 2y = 5x = 10
/除法x = y / 2y = 5x = 2.5
%余数x = y % 2y = 5x = 1
++自增x = ++yy = 6x = 6
++自增x = y++y = 6x = 5
自减x = –yy = 4x = 4
自减x = y–y = 4x = 5

关于算术运算符,你可以阅读我们的 JavaScript 运算符教程


JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

给定 x=10  y=5,下面的表格解释了赋值运算符:

运算符例子实例x 值
=x = yx = yx = 5
+=x += yx = x + yx = 15
-=x -= yx = x – yx = 5
*=x *= yx = x * yx = 50
/=x /= yx = x / yx = 2
%=x %= yx = x % yx = 0

关于赋值运算符,你可以阅读我们的 JavaScript 运算符教程


JavaScript 字符串运算符

+ 运算符, += 运算符可用于连接字符串。

给定 text1 = “Good “text2 = “Morning”及 text3 = “”, 下面的表格解释了字符串运算符的使用:

运算符例子text1text2text3
+text3 = text1 + text2“Good ““Morning” “Good Morning”
+=text1 += text2“Good Morning”“Morning”“”

比较运算符

比较运算符用于逻辑语句的判断,从而确定给定的两个值或变量是否相等。

给定 x=5, 下表展示了比较运算符的使用:

运算符描述比较结果
==等于x == 8false
==等于x == 5true
===值及类型均相等(恒等于)x === “5”false
===值及类型均相等(恒等于)x === 5true
!=不等于x != 8true
!==值与类型均不等(不恒等于)x !== “5”true
!==值与类型均不等(不恒等于)x !== 5false
>大于x > 8false
<小于x < 8true
>=大于或等于x >= 8false
<=小于或等于x <= 8true

关于比较运算符,你可以阅读我们的 JavaScript 比较运算符教程

条件运算符

条件运算符用于基于条件的赋值运算。

给定 x=6 and y=3, 下表演示了条件运算符的运算:

语法例子
变量 = (条件) ? 值1:值2voteable = (age < 18) ? “太年轻而不能”:”年龄够”;

逻辑运算符

逻辑运算符用来确定变量或值之间的逻辑关系。

给定 x=6 and y=3, 以下实例演示了逻辑运算符的使用:

运算符描述例子
&&(x < 10 && y > 1) 为 true
||(x == 5 || y == 5) 为 false
!!(x == y) 为 true

JavaScript 位运算符

位运算符工作于32位的数字上。任何数字操作都将转换为32位。结果会转换为 JavaScript 数字。

运算符描述例子类似于结果十进制
&ANDx = 5 & 10101 & 00010001 1
|ORx = 5 | 10101 | 00010101 5
~取反x = ~ 5 ~01011010 -6
^异或x = 5 ^ 10101 ^ 00010100 4
<<左移x = 5 << 10101 << 11010 10
>>右移x = 5 >> 10101 >> 100102
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

7 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

4 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

4 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

1 月 ago