ECMAScript中都有哪些操作符

发布时间:2021-07-09 11:20:25 作者:chen
来源:亿速云 阅读:173

这篇文章主要讲解了“ECMAScript中都有哪些操作符”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ECMAScript中都有哪些操作符”吧!

目录

一元操作符

只能操作一个值的操作符叫做一元操作符

递增和递减。递增和递减操作符借鉴自C,而且有两个版本:前置型和后置型

var age = 29;
var anotherAge = --age + 2
console.log(age) // 28
console.log(anotherAge) // 30

后置型:操作符位于要操作的变量之后。后置型递增和递减操作是在包含它们的语句被求值之后才执行的

var num1 - 2;
var num2 = 20
var num3 = num1-- + num2; // 22
var num4 = num1 + num2; // 21

以上4个操作符对任何值都适用,即可以用于字符串、布尔值、浮点数值和对象。遵循下列规则:

上述规则验证:

var s1 = "2";
var s2 = "z";
var b = false;
var f = 1.1;
var o = {
    valueOf: function () {
        return -1
    }
}
console.log(s1++); // 2
console.log(s1); // 3
console.log(s2++); // NaN
console.log(s2); // NaN
console.log(b++); // 0
console.log(b); // 1
console.log(f--); // 1.1
console.log(f); // 0.1000000000000009
console.log(o--); // -1
console.log(o); // -2

一元加和减操作符

一元加和减操作符主要用于基本的算术运算,也可以用于转换数据类型,即在对非数值应用一元操作符时,该操作符会像Number()转型函数一样对这个值执行转换。布尔值false和true将被转换为0和1,字符串值会被按照一组特殊的规则进行解析,对象是先调用它们的valueOf()或toString()方法,再转换得到的值。以一元加操作符为例:

var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
    valueOf: function () {
        return -1
    }
}
s1 = +s1
s2 = +s2
s3 = +s3
b = +b
f = +f
o = +o
console.log(s1) // 1
console.log(s2) // 1.1
console.log(s3) // NaN
console.log(b) // 0
console.log(f) // 1.1
console.log(o) // -1

布尔操作符

布尔操作符一共有3个:非(NOT)、与(AND)和或(OR)

1、逻辑非。由一个英文叹号(!)表示,可以用于ECMAScript中的任何值。无论操作数是个什么数据类型,这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值,然后对其求反。遵循一下规则

console.log(!false); // true
console.log(!"blue"); // false
console.log(!""); // true
console.log(!0); // true
console.log(!undefined); // true
console.log(!null); // true
console.log(!NaN); // true
console.log(!12345); false

2、逻辑与。操作符由两个和号(&&)表示,有两个操作数。逻辑与操作可以应用与任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循以下规则:

逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值

3、逻辑或。操作符由两个竖线符号(||)表示,有两个操作数。与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它遵循以下规则:

与逻辑与操作符相似,逻辑或操作符也是短路操作。也就是说,如果第一个操作数的求值结果为true,就不会对第二个操作数求值了

乘性操作符

ECMAScript定义了3个乘性操作符:乘法、除法和求模。如果参与乘性计算的某个操作数不是数值,后台会先使用Number()转型函数将其转换为数值,如:空字符串将被当作0,布尔值true将被当作1

1、乘法。操作符由一个星号(*)表示,用于计算两个数值的乘积。在处理特殊值情况下,乘法操作符遵循下列特殊的规则:

2、除法。操作符由一个斜线符号(/)表示,执行第二个操作数除第一个操作数的计算。遵循一下规则:

3、求模(余数)。操作符由一个百分号(%)表示。遵循以下规则:

加性操作符

与乘性操作符类似,加性操作符也会在后台转换不同的数据类型。

1、加法。加法操作符由加号(+)表示。如果两个操作数都是数值,执行常规的加法计算,然后根据下列规则返回结果:

如果有一个操作数是字符串,那么就要应用如下规则:

2、减法。减法操作符由减号(-)表示,与加法操作符类似,遵循以下规则:

var result1 = 5 - true
var result2 = NaN - 1
var result3 = 5 - 3
var result4 = 5 - ""
var result5 = 5 - "2"
var result6 = 5 - null
console.log(result1) // 4, true被转换为1
console.log(result2) // NaN
console.log(result3) // 2
console.log(result4) // 5, 空字符串被转换为0
console.log(result5) // 3,字符串2被转换为数字2
console.log(result6) // 5,因为null被转换为了0

关系操作符

关系操作符有小于(<)、大于(>)、小于等于(<=)和大于等于(>=)四个关系比较。当关系操作符的操作数使用了非数值时,也要进行数据转换或完成某些奇怪的操作。相应规则如下:

在比较字符串时,实际比较的是两个字符串中对应位置的每个字符的字符编码值。经过这么一番比较之后,再返回一个布尔值。大写字母的字符编码小于小写字母的字符编码。

相等操作符

两组操作符:相等和不相等——先转换再比较;全等和不全等——仅比较而不转换

1、相等和不相等。相等操作符由两个等于号(==)表示,如果两个操作数相等,则返回true;不相等操作符由叹号后跟等于号(!=)表示,如果两个操作数不相等,则返回true。这两个操作符都会先转换操作数(通常称为强制转型),然后再比较它们的相等性。在转换不同数据类型时,遵循以下基本规则:

这两个操作符在进行比较时要遵循下列规则

2、全等和不全等。全等操作符由3个等于号(===)表示,它只在两个操作数未经转换就相等的情况下返回true。不全等操作符有一个叹号后跟两个等于号(!==)表示,它在两个操作数未经转换就不相等的情况下返回true。

var result1 = ("55" == 55)
var result2 = ("55" === 55)
var result3 = ("55" != 55)
var result4 = ("55" !== 55)
console.log(result1) // true
console.log(result2) // false
console.log(result3) // false
console.log(result4) // true

条件操作符

语法:var max = (num1 > num2) ? num1 : num2

以上例子中,max中将会保存一个最大的值,表达式的意思是:如果num1大于num2(关系表达式返回true),则将num1的值赋给max;如果num1小于或等于num2(关系表达式返回false),则将num2的值赋给max

赋值操作符

赋值操作符由等于号(=)表示,其作用就是把右侧的值赋给左侧的变量。如果在等号前面再添加乘性操作符、加性操作符或位操作符,就可以完成复合赋值操作。每个主要的算术操作符(以及个别的其他操作符)都有对应的复合赋值操作符。这些操作符如下所示:

逗号操作符

逗号操作符可以在一条语句中执行多个操作,如:var num1=1, num2=2, num3=3;

逗号操作符还可以用于赋值,在用于赋值时,逗号操作符总会返回表达式中的最后一项。如:var num= (5, 6, 1, 4, 7, 0); // num值为0

感谢各位的阅读,以上就是“ECMAScript中都有哪些操作符”的内容了,经过本文的学习后,相信大家对ECMAScript中都有哪些操作符这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. ECMAScript的操作符之《赋值操作符》
  2. ECMAScript语句之with 语句

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ecmascript

上一篇:Echarts中动力节点怎么用

下一篇:vue中前端路由的原理是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》