Javascript 操作符

简介: Javascript 操作符

操作符是用于在JavaScript中指定一定动作的符号。

看下面这段JavaScript代码。


sum = numa + numb;


其中的"=""+"都是操作符。

JavaScript中还有很多这样的操作符,例如,算术操作符(+-*/等),比较操作符(<>>=<=等),逻辑操作符(&&||)。


注意: "=" 操作符是赋值,不是等于。


"+"操作符



算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:


mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串


自加一,自减一 ( ++和- -)



算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子:


mynum = 10;
mynum++; //mynum的值变为11
mynum--; //mynum的值又变回10


上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成:


mynum = mynum + 1; // 等同于mynum++
mynum = mynum - 1; // 等同于mynum--


比较操作符



我们先来做道数学题,数学考试成绩中,小明考了90分,小红考了95分,问谁考的分数高?


答: 因为“95 > 90”,所以小红考试成绩高


其中大于号">"就是比较操作符,小红考试成绩和小明考试成绩就是操作数,并且是两个操作数。


也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)

在JavaScript中,这样的比较操作符有很多,这些操作符的含义如下:


2466108-95ab2f80d93b1a43.webp.jpg


看看下面例子:


var a = 5;//定义a变量,赋值为5
var b = 9; //定义b变量,赋值为9
document.write (a<b); //a小于b的值吗? 结果是真(true)
document.write (a>=b); //a大于或等于b的值吗? 结果是假(false)
document.write (a!=b); //a不等于b的值吗? 结果是真(true)
document.write (a==b); //a等于b的值吗? 结果是假(false)</pre>


逻辑与操作符



数学里面的“a>b”,在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a&&表示,如下:


b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "


好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:


if(有准考证 &&有身份证) {
 进行考场考试 
}


“&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。


逻辑与操作符值表:

2466108-132c3acfaf48fbb6.webp.jpg

注意: 如果A为假,A && B为假,不会再执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。


逻辑或操作符



"||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。


例如:本周我们计划出游,可是周一至周五工作,所以周六或者周日哪天去都可以。即两天中只要有一天有空,就可以出游了。


var a=3;
var b=5;
var c;
c=b>a ||a>b;  //b>a是true,a>b是false,c是true</pre>


逻辑或操作符值表:


2466108-3660b9403d794ec1.webp.jpg


注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。


逻辑非操作符



"!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。好比小华今天买了一个杯子,小明说:"杯子是白色的",小亮说:“杯子是红色的”,小华说:"小明说的不是真话,小亮说的不是假话"。猜猜小华买的什么颜色的杯子,答案:红色杯子。


逻辑非操作符值表:

2466108-7bf9dce45d4d868d.webp.jpg

看看下面代码,变量c的值是什么:


var a=3;
var b=5;
var c;
c=!(b>a);  // b>a值是true,! (b>a)值是false
c=!(b<a);  // b<a值是false, ! (b<a)值是true


操作符优先级



我们都知道,除法、乘法等操作符的优先级比加法和减法高,例如:


var numa=3;
var numb=6
jq= numa + 30 / 2 - numb * 3;  // 结果为0


如果我们要改变运算顺序,需添加括号的方法来改变优先级:


var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75


操作符之间的优先级(高到低):


算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

如果同级的运算是按从左到右次序进行,多层括号由里向外。


var numa=3;
var numb=6;
jq = numa + 30 >10 && numb * 3<2;  //结果为false


目录
相关文章
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符:全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符,包括加、减、乘、除、求余、自增、自减及复合赋值等,强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法,同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习,读者能更好地掌握算术操作符在不同场景的应用,提升编程技能。
78 1
|
7月前
|
JavaScript 前端开发 安全
javascript中的可选链操作符
javascript中的可选链操作符
|
4月前
|
JavaScript 前端开发 开发者
深入解析JavaScript中的比较操作符
【8月更文挑战第20天】
28 0
|
7月前
|
JavaScript 前端开发
探索JavaScript中的New操作符:原理与使用
探索JavaScript中的New操作符:原理与使用
|
7月前
egg.js 24.12sequelize模型-where操作符
egg.js 24.12sequelize模型-where操作符
63 1
egg.js 24.12sequelize模型-where操作符
|
JavaScript
JS new操作符的具体干了什么?
JS new操作符的具体干了什么?
56 1
|
JavaScript 前端开发 索引
JavaScript Day02 操作符及类型转换与流程控制语句 3
JavaScript Day02 操作符及类型转换与流程控制语句 3
75 0
|
Web App开发 JavaScript 前端开发
JavaScript Day02 操作符及类型转换与流程控制语句 1
JavaScript Day02 操作符及类型转换与流程控制语句 1
79 0
|
存储 JavaScript 前端开发
javascript基本语法学习(变量、数据类型、操作符、条件语句、循环)
javascript基本语法学习(变量、数据类型、操作符、条件语句、循环)
|
JavaScript
【new操作符做了什么 —— js】
【new操作符做了什么 —— js】