자바스크립트 연산자

RjavaScript 연산자에는 주로 다음이 포함됩니다.

산술 연산자

할당 연산자

비교 연산자

삼항 구성 요소

논리 연산자

연결 연산자

산술 연산자


운영자                                                                                                                  ​+1 y = 3
- 빼기 y = 2-1 y = 1

* 곱하기 y = 2*3 y = 6

/ 나누면 반환 결과는 부동 소수점 형식 y = 6/ 3 y = 2

% 나머지를 구하면 반환결과는 부동소수점형 두 피연산자 모두 필수 정수임 y = 6% 4 y = 2 ++ 점차적으로 선덧셈과 후덧셈으로 나누어짐 부울 값 및 NULL에는 유효하지 않습니다. y = 2 ++y(사전 추가) y++(사후 추가) y = 3 -- 감소, 사전 감소와 사후 감소로 나누어 유효하지 않습니다. 부울 값 및 NULL y = 2 --y(사전 감소) y--(사후 감소) y = 1

사전 추가 및 사후 추가의 경우 실행 후 결과는 모든 변수에 1을 더한 값입니다. 차이점은 실행 중에 반환 결과가 다르다는 것입니다.


var x = 2;

alert(++x) //Output: 3

alert(x) //Output: 3

var y = 2;

alert(y++); //출력: 2

alert(y); //출력: 3

할당 연산자

할당 연산 할당 연산자는 오른쪽의 값을 왼쪽의 변수에 할당하는 데 사용됩니다. 세트 y = 6, 아래 표를 참조하십시오.




수사기
예 :


수술 결과

= y = 6 비어있는 y = 6

+= y += 1 y와 같습니다. = y+1 y = 7

-= y -= 1 y = y-1 y = 5

*= y *= 2 y = y*2 y = 12

/= y /= 2 y = y/2 y = 3

% = y %= 4 y = y%4 y = 2


비교 연산자

연산자 설명 연산 결과

== 2와 같음 == 3 FALSE

=== 항등성(값과 유형을 비교해야 함) ( 2 === 2 TRUE ) ( 2 === "2" FALSE )

!= 같지 않음, <> 2 == 3 TRUE

> 2보다 큼 > 3 FALSE

< 2보다 크거나 같음 >= 3 FALSE

<= 2 이하 <= 3 TRUE


삼항 연산자삼항은 특수 비교 연산자로 간주될 수 있습니다:

(expr1) ? (expr2) : (expr3)


구문 설명: expr1이 TRUE로 평가되면 전체 표현식의 값은 expr2이고, 그렇지 않으면 expr3입니다.

예:

x = 2;

y = (x == 2) ? x : 1;alert(y); //출력: 2


이 예는 x 값이 같은지 확인합니다. 2로, x가 2와 같으면 y의 값은 x와 같습니다(즉, 2와 같음). 그렇지 않으면 y는 1과 같습니다.


논리 연산자

연산자 설명 연산 결과

&& 논리 AND (및) x = 2; x && y >

|| y = 6; x && y > 5 TRUE

! 논리 부정, 논리의 반대편을 취하세요


연결 연산자 +는 주로 두 문자열 또는 문자열 변수를 연결하는 데 사용됩니다. 따라서 문자열이나 문자열 변수에 이 연산자를 사용하면 추가되지 않습니다.

예: x = "beijing";

y = x + "Hello!"; //결과: y = "Hello beijing!"

// 두 문자열 사이에 추가하려면 공백을 삽입해야 합니다. string:

y = x + "Hello!"; //결과: y = "Hello beijing!"


문자열과 숫자를 연결할 때(덧셈) 연산 중에 숫자를 먼저 문자열로 변환한 후 연결합니다( 추가):


x = 25;
y = "나는 올해입니다" + x + "세"; //결과: y = "나는 올해 25세입니다" "

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
</html>

지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <Script> var x = 11; var y = 5; with (document) { write("x = 11, y = 5"); write("<LI>x + y 是 ", x + y); write("<LI>x - y 是 ", x - y); write("<LI>x * y 是 ", x * y); write("<LI>x / y 是 ", x / y); write("<LI>x % y 是 ", x % y); write("<LI>++ x 是 ", ++ x); write("<LI>-- y 是 ", -- y); } </Script> </head> <body> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~