JavaScript 표현식 및 Operators_javascript 기술에 대한 자세한 설명

JavaScript 스크립팅 언어는 단항 연산자, 부울 연산자, 산술 연산자, 관계형 연산자, 삼항 연산자, 비트 연산자 및 할당 연산자를 포함하여 데이터 값을 조작하는 일련의 연산자를 설명합니다.
표현식은 변수 이름(또는 리터럴)과 연산자를 포함하는 JavaScript 언어의 "문구"입니다. 가장 간단한 표현식은 리터럴 또는 변수 이름입니다. 물론 간단한 표현식을 결합하여 복잡한 표현식을 만드는 방법도 있습니다.
1. 단항 연산자
(1) 증가 및 감소 --

var box1=100; 
++box1;//相当于box=box+1 
document.write("box1="+box1+"<br/>");//输出box1=101 
var box2=100; 
--box2;//相当于box=box2-1 
document.write("box2="+box2);//输出box2=99 

전면과 후면의 차이

var box=100; 
var age=++box;//box先累加1为101，再赋值给age为101 
var height=box++;//box先赋值给height为101,box再累加为102 
document.write("age="+age+"<br/>");//输出age=101 
document.write("height="+height+"<br/>");//输出height=101 
document.write("box="+box);//输出box=102，原因是box经过了两次累加，所以是102 

할당 연산이 없는 경우 접두어와 접미어는 동일합니다. 그러나 대입연산시 증감연산자가 앞에 있으면 선행연산자가 먼저 적산되거나 감소된 후 대입된다. 후치연산자라면 값이 먼저 대입되고 그 다음에 적산 또는 감소된다.
(2) 덧셈과 뺄셈 연산자
은 양수 또는 음수 연산에 사용되며, 숫자 문자열을 숫자 형식으로 변환하는 기능도 있습니다.

var box = "20"; 
document.write(typeof box+"<br/>"); //输出string 
var age=-box; 
document.write(age+"<br/>");//输出-20 
document.write(typeof age); //输出number 

2. 산술 연산자
JavaScript 언어에는 5개의 산술 연산자, 즉 , -, *, / 및 %(나머지)가 지정되어 있습니다. 산술 연산자의 값이 숫자 값이 아닌 경우 먼저 Number() 변환 함수(암시적 변환)를 사용하여 숫자 값으로 변환됩니다.

var box=100+"100"; 
document.write("box="+box+"<br/>");//输出100100 
document.write(typeof box);//输出string 

왜 그럴까요? JavaScript 언어로 산술 연산을 수행할 때 그 중 하나가 문자열이면 결과는 문자열로 변환됩니다. 문자열 연결 연산자와 동일하며 더 이상 덧셈 산술 연산자로 계산될 수 없습니다.

var box="100"-10; 
document.write("box="+box+"<br/>");//输出90 
var age=5/4; 
document.write("age="+age+"<br/>");//输出1.25 
var height=("你的年龄是："+(10+10));//括号强制优先级 
document.write(height);//输出你的年龄是：20 

나머지 가져오기

var box=10%3; 
document.write("box="+box);//输出1 

3. 관계 연산자
비교에 사용되는 연산자를 관계 연산자라고 합니다: <(보다 작음), >(보다 큼), <=(작거나 같음), >=(크거나 같음), = =(상대), !=(같지 않음), ===(동일 또는 일치), !==(일치 또는 동일하지 않음). 대부분의 관계 연산자는 부울 값을 반환합니다.
다른 연산자와 마찬가지로 관계 연산자가 숫자가 아닌 값에 대해 연산을 수행할 때는 다음 규칙을 따라야 합니다.
​ ​ 1두 연산자 모두 수치값이고 수치비교
​ ​ 2두 피연산자가 모두 문자열인 경우 두 문자열에 해당하는 문자 인코딩 값을 비교
​ ​ 3두 피연산자 중 하나가 숫자값이면 다른 하나를 숫자값으로 변환하여 수치비교
​ 4두 피연산자 중 하나가 객체인 경우 value() 메서드나 toString() 메서드를 먼저 호출한 후 결과를 비교합니다.

var box1=3>2; 
document.write(box1+"<br/>");//输出true 
var box2="3">22; 
document.write(box2+"<br/>");//输出false 
var box3="3">"22"; 
document.write(box3+"<br/>");//输出true 
var box4="a">"B";//a为97，B为66 
document.write(box4+"<br/>");//输出true 
var box5= "Blue"<"alpha";//Blue的第一个字母是B，alpha的第一个字母是a，a为97，B为66 
document.write(box5) //输出true 

동등 및 불평등 비교에서 피연산자가 숫자가 아닌 값인 경우 다음 규칙이 적용됩니다.
​ ​ 1피연산자가 부울 값인 경우 비교 전 수치로 변환하고, false는 0, true는 1로 변환한다.
​ ​ 2피연산자 중 하나가 문자열인 경우 비교 전 수치로 변환한 후 비교한다.
​ ​ 3피연산자가 객체인 경우 value() 메서드나 toString() 메서드를 먼저 호출한 후 비교합니다.
​ ​ 4 변환하지 않으면 null과 undefine이 동일합니다
​ ​ 5피연산자가 NaN이면 ==는 false를 반환하고 !=는 true를 반환하며 NaN은 자신과 같지 않습니다
​ 6두 피연산자가 모두 객체이면 동일한 객체인지 비교하여 둘 다 동일한 객체를 가리키면 true를 반환하고, 그렇지 않으면 false를 반환합니다
​ ​ 7합동과 합동의 판단에서 예를 들어 값과 유형이 동일하면 true를 반환하고, 그렇지 않으면 fasle을 반환합니다.

var box1='2'==2; 
document.write(box1+"<br/>");//输出true，比较的只是数值 
var box2={}=={}; 
document.write(box2+"<br/>");//输出false，因为比较的是它们的地址，每个新创建对象的引用地址都不同。 
var box3=null==undefined; 
document.write(box3+"<br/>");//输出true，因为均为空数值 
var box4='2'===2; 
document.write(box4+"<br/>");//输出false，两个操作数的数据类型不相等 
var box5=null===undefined; 
document.write(box5);//输出false，两个操作数的数据类型不相等 

四逻辑运算符
JavaScript语言中的逻辑运算符通常作用于布尔值的操作，一般和关系运算符配合使用，有三个逻辑运算符：&&(逻辑与)，||(逻辑或)和!(逻辑非)。
(1)&&表示两边都必须是true，才返回true。
如果两边的操作数有一个操作数不是布尔值的情况下，与运算就不一定返回布尔值，此时遵循下面的规则：
1第一个操作数是对象，则返回第二个操作数
2第二操作数是对象，则第一个操作数返回true，才返回第二个操作数，否则返回false
3一个操作数是null，则返回null
4一个操作数是undefined，则返回undefined
5如果一个运算数是对象，另一个是 Boolean 值，返回该对象
逻辑与运算符属于短路操作，如果有第一个操作数返回的是false，第二个不管是true还是false都返回false。

var box1={}&&(5>4); 
document.write(box1+"<br/>");//输出true 
var box2=(5>4)&&{}; 
document.write(box2+"<br/>");//输出[object Object] 
var box3=(3>4)&&{}; 
document.write(box3);//输出false 

(2)||表示两边有一个是true，就返回true。
如果两边的操作数有一个操作数不是布尔值的情况下，与运算就不一定返回布尔值，此时遵循下面的规则：
1第一个操作数是对象，则返回第一个个操作数
2第一个操作数的求值结果为fasle，则返回第二个操作数
3两个操作数都是对象，则返回第一个操作数
4两个操作数都是null，则返回null
5两个操作数都是undefined，则返回undefined
6两个操作数都是NaN，则返回NaN
逻辑或运算符也属于短路操作，如果有第一个操作数返回的是true，第二个不管是true还是false都返回true。

var box1={}||(5>4); 
document.write(box1+"<br/>");//输出[object Object] 
var box2=(5>4)||{}; 
document.write(box2+"<br/>");//输出true 
var box3=(3>4)||{}; 
document.write(box3);//输出[object Object] 

(3)!逻辑非运算符可以作用与任何值，无论这个值是什么数据类型，这个运算符都会返回一个布尔值，它的流程是：先将这个值转换成布尔值，然后取反，规则如下：
1操作数是一个对象，返回false
2操作数是一个空字符串，返回true
3操作数是一个非空字符串，返回false
4操作数是数值0，返回true
5操作数是任意非0数值，返回false
6操作数是null，返回true
7操作数是NaN，返回true
8操作数是undefined，返回true

var box=!{}; 
document.write(box);//输出false 

五、位运算符
JavaScript语言中包括了七种位运算符：~(位非)，&(位与)，|(位或)，^(位异或)，<<(左移)，>>(有符右移号)，>>>(无符号右移)
(1)位非(~)运算把运算数转换成32位数字，然后把二进制数转换成它的二进制反码，最后把二进制数转换成浮点数。实质上是对数字求负，然后减去1即为所得值。

var box=~25; 
document.write(box);//输出-26 

(2)位与(&)运算直接对数字的二进制形式进行运算，然后对上下同一位置的两个数位进行与运算，只有两个数位都为1时才得出1，其余的均为0.

var box=25&3; 
document.write(box);//输出1 

(3)位或(|)运算也是直接对数字的二进制形式进行计算，然后对上下同一位置的两个数位进行或运算，只右两个数位都为0时才得出0，其余的均为1.

var box=25|3; 
document.write(box);//输出27 

(4)位异或(^)也是直接对二进制形式进行运算。当只有一个数位存放的是1时，它才返回1。其余的返回0。也就是两个数位相同时返回0，不同时返回1.

var box=25^3; 
document.write(box);//输出26 

(5)左移运算也是对二进制数进行操作，相等于第一个操作数乘以(2的左移位数次幂)的积。

var box=25<<3; 
document.write(box);//25左移3位相当于25乘以(2的3次幂),因此输出200 

(6)有符号右移运算也是对二进制数进行操作，相等于第一个操作数除以(2的右移位数次幂)的商。

var box=24>>2; 
document.write(box);//输出6 

(7)无符号右移运算也是对二进制数进行操作，对于正数，与有符号右移是相同的结果，但是对于负数，就会所不同。

六、赋值运算符
赋值运算符包括：=()，+=()，-=()，*=()，/=()，%=()，<<=()，>>=()，>>>=()。

var box=100; 
box+=100;//相当于box=box+100 
document.write("box="+box);//输出box=200 

七、其他运算符
1）、字符串运算符：“+”，它的作用是将两个字符串想加。规则：只要有一个字符串即可。

var box=100+"10"'; 
document.write("box="+box);//输出100100 

2）、逗号运算符，可以在一条语句中执行多个操作

var box=100,age=200,height=300; 
document.write("box="+box);//输出box=100 

3）、三元操作符：

var box=(3>4)?"对":"错"; 
document.write(box);//输出错 

      如果想更详细的了解ECMAScript运算符的知识，可以访问JavaScript高级教程中的ECMASscript一元运算符这个系列中有详细的运算符教程。对于JS的运算符来说，我们可以对比着C++，C#和Java来学，这个还是相当的容易的。

以上就是关于JavaScript的表达式与运算符的全部内容，希望对大家的学习有所帮助。