手册

目录

JavaScript 运算符

收藏124

阅读15778

更新时间2022-04-24

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,下面的表格解释了赋值运算符:

运算符例子Same Asx 值在线实例
=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) ? "Too young" : "Old enough"实例 »


逻辑运算符

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

给定 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 10
^异或x = 5 ^ 10101 ^ 00010100 4
<<左移/td>x = 5 << 10101 << 11010 10
>>右移x = 5 >> 10101 >> 100102

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.8万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.4万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

71.1万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.7万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

34万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号