文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

一篇文章弄懂ECMAScript中的操作符

2024-04-02 19:55

关注

一元操作符

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

递增和递减。递增和递减操作符借鉴自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操作符内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯