반응형
⚫자바스크립트 연산자
⬇️연산자 처리 순서에 의한 분류⬇️
최우선 연산자 : (), [], {},
단항 연산자 : +, -, ++, --, !, new, typeof
산술 연산자 : *, /, %, +, -
관계(비교) 연산자 : >, >=, <, <=, ==, !=, ===, !==
논리 연산자 : &&, ||
삼항 연산자 : 조건식?참값:거짓값
대입 연산자 : =, *=, /=, %=, +=, -=
실습예제👩💻
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<h1>자바스트립트 연산자</h1>
<hr>
<script type="text/javascript">
//1번 예제
var num=123;
alert("변수값 = "+num);//변수값 = 123
alert("자료형 = "+typeof(num));//자료형 = number
//2번 예제
num="123";
alert("변수값 = "+num);//변수값 = 123
alert("자료형 = "+typeof(num));//자료형 = string
//3번 예제
//== 연산자 또는 != 연산자는 자료형에 상관없이 값만 비교하여 논리값 제공
alert("비교결과 = "+(num==123));//비교결과 = true
alert("비교결과 = "+(num!=123));//비교결과 = false
//4번 예제
//=== 연산자 또는 !== 연산자는 자료형과 값을 비교하여 논리값 제공
alert("비교결과 = "+(num===123));//비교결과 = false
alert("비교결과 = "+(num!==123));//비교결과 = true
</script>
</body>
</html>
123과 "123"은 값은 같지만, 자료형은 각각 number와 string으로 다르다.
그런데 == 또는 != 연산자는 값만 비교 하기 때문에 두개가 같다고 볼 수 있다.
그러나 === 또는 !== 연산자는 자료형과 값 둘 다 비교하기 때문에 자료형에서 서로 다른 123과 "123"은 서로 다르다는 결과가 도출된다.
반응형
'Frontend > JavaScript' 카테고리의 다른 글
| [JavaScript]함수(Function) (0) | 2023.12.29 |
|---|---|
| [JavaScript]제어문(Control Statement) (1) | 2023.12.29 |
| [JavaScript]형변환(TypeCast) (0) | 2023.12.29 |
| [JavaScript]변수(Variable) 및 자료형 (1) | 2023.12.28 |
| [JavaScript]자바스크립트(JavaScript) 특징 & 작성(선언)하는 법 & 출력하는 법 (1) | 2023.12.28 |
