资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

javascript运算符可分为哪几类

这篇文章给大家分享的是有关javascript运算符可分为哪几类的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联公司是一家专业提供崇礼企业网站建设,专注与成都网站制作、做网站、成都h5网站建设、小程序制作等业务。10年已为崇礼众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

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 的余数

示例代码如下：

复制纯文本复制
var x = 10, y = 4;
console.log("x + y =", x + y);  // 输出：x + y = 14
console.log("x - y =", x - y);  // 输出：x - y = 6
console.log("x * y =", x * y);  // 输出：x * y = 40
console.log("x / y =", x / y);  // 输出：x / y = 2.5
console.log("x % y =", x % y);  // 输出：x % y = 2
var x = 10,
    y = 4;
console.log("x + y =", x + y);  // 输出：x + y = 14
console.log("x - y =", x - y);  // 输出：x - y = 6
console.log("x * y =", x * y);  // 输出：x * y = 40
console.log("x / y =", x / y);  // 输出：x / y = 2.5
console.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

示例代码如下：

复制纯文本复制
var x = 10;
x += 20;
console.log(x);  // 输出：30
var x = 12,
    y = 7;
x -= y;
console.log(x);  // 输出：5
x = 5;
x *= 25;
console.log(x);  // 输出：125
x = 50;
x /= 10;
console.log(x);  // 输出：5
x = 100;
x %= 15;
console.log(x);  // 输出：10
var x = 10;
x += 20;
console.log(x);  // 输出：30
var x = 12,
    y = 7;
x -= y;
console.log(x);  // 输出：5
x = 5;
x *= 25;
console.log(x);  // 输出：125
x = 50;
x /= 10;
console.log(x);  // 输出：5
x = 100;
x %= 15;
console.log(x);  // 输出：10

字符串运算符

JavaScript 中的 + 和 += 运算符除了可以进行数学运算外，还可以用来拼接字符串，其中：

  • + 运算符表示将运算符左右两侧的字符串拼接到一起；

  • += 运算符表示先将字符串进行拼接，然后再将结果赋值给运算符左侧的变量。

示例代码如下：

复制纯文本复制
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

示例代码如下：

复制纯文本复制
var x;
x = 10;
console.log(++x);  // 输出：11
console.log(x);    // 输出：11
x = 10;
console.log(x++);  // 输出：10
console.log(x);    // 输出：11
x = 10;
console.log(--x);  // 输出：9
console.log(x);    // 输出：9
x = 10;
console.log(x--);  // 输出：10
console.log(x);    // 输出：9
var x;

x = 10;
console.log(++x);  // 输出：11
console.log(x);    // 输出：11

x = 10;
console.log(x++);  // 输出：10
console.log(x);    // 输出：11

x = 10;
console.log(--x);  // 输出：9
console.log(x);    // 输出：9

x = 10;
console.log(x--);  // 输出：10
console.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 < y 表示如果 x 小于 y，则为真
>大于x > y 表示如果 x 大于 y，则为真
>=大于或等于x >= y 表示如果 x 大于或等于 y，则为真
<=小于或等于x <= y 表示如果 x 小于或等于 y，则为真

示例代码如下：

复制纯文本复制
var x = 25;
var y = 35;
var z = "25";
console.log(x == z);  // 输出： true
console.log(x === z); // 输出： false
console.log(x != y);  // 输出： true
console.log(x !== z); // 输出： true
console.log(x < y);   // 输出： true
console.log(x > y);   // 输出： false
console.log(x <= y);  // 输出： true
console.log(x >= y);  // 输出： false
var x = 25;
var y = 35;
var z = "25";

console.log(x == z);  // 输出： true
console.log(x === z); // 输出： false
console.log(x != y);  // 输出： true
console.log(x !== z); // 输出： true
console.log(x < y);   // 输出： true
console.log(x > y);   // 输出： false
console.log(x <= y);  // 输出： true
console.log(x >= y);  // 输出： false

逻辑运算符

逻辑运算符通常用来组合多个表达式，逻辑运算符的运算结果是一个布尔值，只能有两种结果，不是 true 就是 false。下表中列举了 JavaScript 中支持的逻辑运算符：

运算符名称示例
&&逻辑与x && y 表示如果 x 和 y 都为真，则为真
||逻辑或x || y 表示如果 x 或 y 有一个为真，则为真
!逻辑非!x 表示如果 x 不为真，则为真

示例代码如下：

复制纯文本复制
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 << 1 等同于 0101 << 1 结果为 1010，十进制结果为 10
>>按位右移（有符号右移）：将所有二进制位统一向右移动指定的位数，并拷贝最左侧的位来填充左侧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,
    f = 5 >> 1,
    g = 5 >>> 1;
console.log(a);  // 输出：1
console.log(b);  // 输出：5
console.log(c);  // 输出：4
console.log(d);  // 输出：-6
console.log(e);  // 输出：10
console.log(f);  // 输出：2
console.log(g);  // 输出：2
var a = 5 & 1,
    b = 5 | 1,
    c = 5 ^ 1,
    d = ~ 5,
    e = 5 << 1,
    f = 5 >> 1,
    g = 5 >>> 1;
console.log(a);  // 输出：1
console.log(b);  // 输出：5
console.log(c);  // 输出：4
console.log(d);  // 输出：-6
console.log(e);  // 输出：10
console.log(f);  // 输出：2
console.log(g);  // 输出：2

感谢各位的阅读！关于“javascript运算符可分为哪几类”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！


文章名称：javascript运算符可分为哪几类
转载源于：http://cdkjz.cn/article/goochi.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
成都宣传海报成都网站建设成都广告制作成都网站托管成都网站设计贵安服务器托管服务器托管成都娃娃鱼班戈纳美网站四川鸿达

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图