>  기사  >  웹 프론트엔드  >  JavaScript 연산자 사용법 요약

JavaScript 연산자 사용법 요약

巴扎黑
巴扎黑원래의
2017-07-29 17:14:171626검색

이 글에서는 주로 일반적인 산술 연산자, 비교 연산자, 논리 연산자를 포함하여 JavaScript의 연산자에 대한 자세한 요약을 제공합니다. 매우 명확하므로 필요한 친구가 참조할 수 있습니다.

JavaScript에서 일반적인 연산자에는 산술 연산자, 비교 연산자 및 논리 연산자가 포함됩니다.

표 1 JavaScript 일반 연산자

boolean1=(x==5);boolean2=(x!=5);boolean4=(x>y);boolean6=(x>=y);boolean7=(x<=y);Exampleboolean_a=true&&false;boolean_b=true||false;boolean_c=!true; "+" 기호는 두 개의 데이터를 추가할 수 있을 뿐만 아니라 연결에도 사용할 수 있습니다. 끈. 예: 코드는 다음과 같습니다.코드를 저장하고 실행하면 My name is Tom! I'm 22!위의 예에는 문자열과 값이 있습니다. 문자열과 숫자 값이 혼합된 경우 JavaScript는 "+" 기호의 기능이 더하기 연산인지 문자열 연결인지 자동으로 결정합니다. 문자열을 연결하면 숫자 값도 문자열로 변환됩니다.
산술 연산자 description example result
= 할당 연산자. 연산자 오른쪽에 있는 변수의 값을 왼쪽에 있는 변수에 할당합니다. x = 5; -
+ 더하기 기호. 두 개의 숫자를 추가합니다. y=1+2; y=3
- 빼기 기호. 두 숫자를 뺍니다. z = x-y; z=2
* 부호를 곱합니다. 두 개의 데이터를 함께 곱합니다. a=x*y; a=15
/ 제수. 두 개의 데이터를 나눕니다. b=x/z; b=2.5
% 나머지 작업입니다. 두 숫자를 나눈 후 나머지를 구합니다. c=x%z; c=1
++ 자체 추가되었습니다. 피연산자에 1을 더합니다. m=++x; m=6 x=6
-- 감소. 피연산자를 1만큼 감소시킵니다. n=--x; n=5 두 데이터가 동일하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
boolean1=true != 같지 않습니다. 두 데이터가 동일하지 않으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
boolean2=false; > 은 다음보다 큽니다. 왼쪽의 데이터가 오른쪽의 데이터보다 크면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
boolean4=true 6b8873c0e9dc7b781988f0fbb8a31580= 보다 크거나 같습니다. 왼쪽 데이터가 오른쪽 데이터보다 크거나 같으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
boolean6=true <= 작거나 같습니다. 왼쪽의 데이터가 오른쪽의 데이터보다 작거나 같으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
boolean7=false 논리 연산자 Explanation
Result && 논리 AND. 기호 양쪽의 피연산자가 모두 true이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
boolean_a=false || 논리 OR. 기호 양쪽의 피연산자가 false이면 false를 반환하고, 그렇지 않으면 true를 반환합니다.
boolean_b=true ! 논리적 부정. 기호 오른쪽의 피연산자가 true이면 false를 반환하고, 그렇지 않으면 true를 반환합니다.
boolean_c=false " + " 기호는 문자열을 연결하는 데에도 사용할 수 있습니다.
 var name=" Tom ";
 var age=22;
 var person="My name is "+name+" ! I&#39;m  "+age+" ! ";
 alert(person);
자기 증가(++) 및 자기 감소(--)에 대한 논의

자기 증가(++) 및 자기 감소(--) 연산자가 앞뒤에 배치된다는 점에 주목할 필요가 있습니다. 피연산자 의미가 다릅니다. 피연산자 앞에 놓고(앞면 자기 증가/앞면 자기 감소) 먼저 피연산자에 1을 더하고(1 빼기) 피연산자 뒤에 놓습니다(마지막 자기 증가/마지막 자기 감소). 감소), 먼저 연산을 수행한 다음 피연산자에 1을 더합니다(감소 1).

예:

코드는 다음과 같습니다.

 <script type="text/javascript">
 var x=5;
 var y=++x;  // 前自加,赋值后 x 的值为 6
 var z=x++;  // 后自加,赋值后 x 的值为 7
 var m=--x  // 前自减,赋值后 x 的值为 6
 var n=x--  // 后自减,赋值后 x 的值为 5
 </script>
 <p onclick="alert(y);">显示 y 的值</p>
 <p onclick="alert(z);">显示 z 的值</p>
 <p onclick="alert(m);">显示m 的值</p>
 <p onclick="alert(n);">显示 n 的值</p>

코드를 저장하고 실행한 후 4개의 텍스트를 차례로 클릭하면 모두 6이 표시됩니다.

분석:

y의 경우 x (x=5) + 1의 값은 6이 되고 x의 값은 y에 전달됩니다.

z의 경우 먼저 x(x=6)의 값을 z에 전달한 다음 x에 1을 더하면 값이 7이 됩니다. m의 경우 x(x=7)에서 1을 뺀 값은 6이고 x의 값을 m에 전달합니다. n의 경우 먼저 x 값(x=6)을 n에 전달한 다음 x에서 1을 빼면 값이 5가 됩니다.

산술 연산자의 약어

작업을 용이하게 하고 코드 작성을 줄이기 위해 JavaScript는 일반적인 수학 연산자의 약어도 지원합니다.


표 2 일반 산술 연산자의 약어


operator

Example

+=

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

위 내용은 JavaScript 연산자 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.