javascript运算符可分为:1、算术运算符,用来执行常见的数学运算;2、赋值运算符,用来为变量赋值;3、字符串运算符;4、自增、自减运算符;5、比较运算符;6、逻辑运算符;7、三元运算符;8、位运算符。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
算术运算符
算数运算符用来执行常见的数学运算,例如加法、减法、乘法、除法等,下表中列举了 JavaScript 中支持的算术运算符:
运算符 描述 示例+加法运算符x + y 表示计算 x 加 y 的和-减法运算符x – y 表示计算 x 减 y 的差*乘法运算符x * y 表示计算 x 乘 y 的积/除法运算符x / y 表示计算 x 除以 y 的商%取模(取余)运算符x % y 表示计算 x 除以 y 的余数
示例代码如下:
立即学习“Java免费学习笔记(深入)”;
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var x = 10, y = 4;console.log("x + y =", x + y); // 输出:x + y = 14console.log("x - y =", x - y); // 输出:x - y = 6console.log("x * y =", x * y); // 输出:x * y = 40console.log("x / y =", x / y); // 输出:x / y = 2.5console.log("x % y =", x % y); // 输出:x % y = 2
登录后复制
var x = 10, y = 4;console.log("x + y =", x + y); // 输出:x + y = 14console.log("x - y =", x - y); // 输出:x - y = 6console.log("x * y =", x * y); // 输出:x * y = 40console.log("x / y =", x / y); // 输出:x / y = 2.5console.log("x % y =", x % y); // 输出:x % y = 2
登录后复制
上述代码中,双引号中的内容是一个字符串,所以其中的运算符会原样输出,并不参与运算。
赋值运算符
赋值运算符用来为变量赋值,下表中列举了 JavaScript 中支持的赋值运算符:
运算符 描述 示例=最简单的赋值运算符,将运算符右侧的值赋值给运算符左侧的变量x = 10 表示将变量 x 赋值为 10+=先进行加法运算,再将结果赋值给运算符左侧的变量x += y 等同于 x = x + y-=先进行减法运算,再将结果赋值给运算符左侧的变量x -= y 等同于 x = x – y*=先进行乘法运算,再将结果赋值给运算符左侧的变量x *= y 等同于 x = x * y/=先进行除法运算,再将结果赋值给运算符左侧的变量x /= y 等同于 x = x / y%=先进行取模运算,再将结果赋值给运算符左侧的变量x %= y 等同于 x = x % y
示例代码如下:
立即学习“Java免费学习笔记(深入)”;
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var x = 10;x += 20;console.log(x); // 输出:30var x = 12, y = 7;x -= y;console.log(x); // 输出:5x = 5;x *= 25;console.log(x); // 输出:125x = 50;x /= 10;console.log(x); // 输出:5x = 100;x %= 15;console.log(x); // 输出:10
登录后复制
var x = 10;x += 20;console.log(x); // 输出:30var x = 12, y = 7;x -= y;console.log(x); // 输出:5x = 5;x *= 25;console.log(x); // 输出:125x = 50;x /= 10;console.log(x); // 输出:5x = 100;x %= 15;console.log(x); // 输出:10
登录后复制
字符串运算符
JavaScript 中的 + 和 += 运算符除了可以进行数学运算外,还可以用来拼接字符串,其中:
+ 运算符表示将运算符左右两侧的字符串拼接到一起;+= 运算符表示先将字符串进行拼接,然后再将结果赋值给运算符左侧的变量。
示例代码如下:
立即学习“Java免费学习笔记(深入)”;
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var x = "Hello ";var y = "World!";var z = x + y;console.log(z); // 输出:Hello World!x += y;console.log(x); // 输出:Hello World!
登录后复制
var x = "Hello ";var y = "World!";var z = x + y;console.log(z); // 输出:Hello World!x += y;console.log(x); // 输出:Hello World!
登录后复制
自增、自减运算符
自增、自减运算符用来对变量的值进行自增(+1)、自减(-1)操作,下表中列举了 JavaScript 中支持的自增、自减运算符:
运算符 名称 影响++x自增运算符将 x 加 1,然后返回 x 的值x++自增运算符返回 x 的值,然后再将 x 加 1–x自减运算符将 x 减 1,然后返回 x 的值x–自减运算符返回 x 的值,然后将 x 减 1
示例代码如下:
立即学习“Java免费学习笔记(深入)”;
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var x;x = 10;console.log(++x); // 输出:11console.log(x); // 输出:11x = 10;console.log(x++); // 输出:10console.log(x); // 输出:11x = 10;console.log(--x); // 输出:9console.log(x); // 输出:9x = 10;console.log(x--); // 输出:10console.log(x); // 输出:9
登录后复制
var x;x = 10;console.log(++x); // 输出:11console.log(x); // 输出:11x = 10;console.log(x++); // 输出:10console.log(x); // 输出:11x = 10;console.log(--x); // 输出:9console.log(x); // 输出:9x = 10;console.log(x--); // 输出:10console.log(x); // 输出:9
登录后复制
比较运算符
比较运算符用来比较运算符左右两侧的表达式,比较运算符的运算结果是一个布尔值,结果只有两种,不是 true 就是 false。下表中列举了 JavaScript 中支持的比较运算符:
运算符 名称 示例==等于x == y 表示如果 x 等于 y,则为真===全等x === y 表示如果 x 等于 y,并且 x 和 y 的类型也相同,则为真!=不相等x != y 表示如果 x 不等于 y,则为真!==不全等x !== y 表示如果 x 不等于 y,或者 x 和 y 的类型不同,则为真小于x >大于x > y 表示如果 x 大于 y,则为真>=大于或等于x >= y 表示如果 x 大于或等于 y,则为真小于或等于x
示例代码如下:
立即学习“Java免费学习笔记(深入)”;
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var x = 25;var y = 35;var z = "25";console.log(x == z); // 输出: trueconsole.log(x === z); // 输出: falseconsole.log(x != y); // 输出: trueconsole.log(x !== z); // 输出: trueconsole.log(x y); // 输出: falseconsole.log(x = y); // 输出: false
登录后复制
var x = 25;var y = 35;var z = "25";console.log(x == z); // 输出: trueconsole.log(x === z); // 输出: falseconsole.log(x != y); // 输出: trueconsole.log(x !== z); // 输出: trueconsole.log(x y); // 输出: falseconsole.log(x = y); // 输出: false
登录后复制
逻辑运算符
逻辑运算符通常用来组合多个表达式,逻辑运算符的运算结果是一个布尔值,只能有两种结果,不是 true 就是 false。下表中列举了 JavaScript 中支持的逻辑运算符:
运算符 名称 示例&&逻辑与x && y 表示如果 x 和 y 都为真,则为真||逻辑或x || y 表示如果 x 或 y 有一个为真,则为真!逻辑非!x 表示如果 x 不为真,则为真
示例代码如下:
立即学习“Java免费学习笔记(深入)”;
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var year = 2021;// 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是闰年。");} else{ console.log(year + " 年是平年。");}
登录后复制
var year = 2021;// 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是闰年。");} else{ console.log(year + " 年是平年。");}
登录后复制
三元运算符
三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,语法格式如下:
条件表达式 ? 表达式1 : 表达式2 ;
如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。
示例代码如下:
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var x = 11, y = 20;x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 输出:x 小于 y
登录后复制
var x = 11, y = 20;x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 输出:x 小于 y
登录后复制
位运算符
位运算符用来对二进制位进行操作,JavaScript 中支持的位运算符如下表所示:
运算符 描述 示例&按位与:如果对应的二进制位都为 1,则该二进制位为 15 & 1 等同于 0101 & 0001 结果为 0001,十进制结果为 1|按位或:如果对应的二进制位有一个为 1,则该二进制位为 15 | 1 等同于 0101 | 0001 结果为 0101,十进制结果为 5^按位异或:如果对应的二进制位只有一个为 1,则该二进制位为 15 ^ 1 等同于 0101 ^ 0001 结果为 0100,十进制结果为 4~按位非:反转所有二进制位,即 1 转换为 0,0 转换为 1~5 等同于 ~0101 结果为 1010,十进制结果为 -6按位左移:将所有二进制位统一向左移动指定的位数,并在最右侧补 05 >>按位右移(有符号右移):将所有二进制位统一向右移动指定的位数,并拷贝最左侧的位来填充左侧5 >> 1 等同于 0101 >> 1 结果为 0010,十进制结果为 2>>>按位右移零(无符号右移):将所有二进制位统一向右移动指定的位数,并在最左侧补 05 >>> 1 等同于 0101 >>> 1 结果为 0010,十进制结果为 2
示例代码如下:
复制纯文本复制
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 > 1, g = 5 >>> 1;console.log(a); // 输出:1console.log(b); // 输出:5console.log(c); // 输出:4console.log(d); // 输出:-6console.log(e); // 输出:10console.log(f); // 输出:2console.log(g); // 输出:2
登录后复制
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 > 1, g = 5 >>> 1;console.log(a); // 输出:1console.log(b); // 输出:5console.log(c); // 输出:4console.log(d); // 输出:-6console.log(e); // 输出:10console.log(f); // 输出:2console.log(g); // 输出:2
登录后复制
【推荐学习:javascript高级教程】
以上就是javascript运算符可分为哪些的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2946117.html