두 값을 비교하는 비교연산자, 조건연산자(삼항연산자)를 배우다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 비교 연산자 (==, !=, >=, >)
// 동등 연산자 : 값만 비교하는 같다(==), 다르다(!=)
// 일치 연산자 : 타입, 값까지 비교하는 (===, !==)
let num1 = 10;
let num2 ="10";
console.log(num1 >= num2); //true 타입이 달라도 값이 같으면 같다.
console.log(num1 != num2); //false
// 조건 연산자 (삼항 연산자)
// 조건 ? true 일 때 실행 : false 일 때 실행
console.log(num1 == num2?"같은 숫자 입니다." : "다른 숫자 입니다.")
let a = 10 + 7 + "";
let b = 8 + "" + 2;
let c = "" + 5 + 2;
console.log(a); // 17
console.log(b); // 82
console.log(c); // 52
// 계산 순서에 영향을 미친다. 문자열이 나오기 전까지는 숫자 사칙연산 하면 됨.
</script>
</body>
</html>비교연산자
// 비교 연산자 (==, !=, >=, >)
// 동등 연산자 : 값만 비교하는 같다(==), 다르다(!=)
// 일치 연산자 : 타입, 값까지 비교하는 (===, !==)
let num1 = 10;
let num2 ="10";
console.log(num1 >= num2); //true 타입이 달라도 값이 같으면 같다.
console.log(num1 != num2); //false
- 값이 같다 (==) 2개
- 다르다 (!=)
- 타입과 값이 같다 (===) 3개
- 타입과 값이 다르다 (!==)
- >, <, >=, <=
조건연산자 (삼항연산자)
// 조건 연산자 (삼항 연산자)
// 조건 ? true 일 때 실행 : false 일 때 실행
console.log(num1 == num2?"같은 숫자 입니다." : "다른 숫자 입니다.")기본 문법구조: 조건? (true 일 때) 실행 A : (false 일 때) 실행 B
이거 아니면 저거, 선택지가 2개일 때 사용하면 좋다.
문자열 + 숫자열에 관한 지식
javascript의 산술연산도 수학처럼 계산 순서에 영향을 받는다.
let a = 10 + 7 + "";
let b = 8 + "" + 2;
let c = "" + 5 + 2;
console.log(a); // 17
console.log(b); // 82
console.log(c); // 52처음 볼 땐 a 값이 107로 예상했으나 문자열이 나오기 전에 10 + 7을 하므로 17에서 문자열로 바뀐다.
b와 c는 문자열이 먼저 나오니까 숫자열이 문자열로 바뀌어서 붙여지는 문자열 (+)가 된다.
'Front-End > 1. JavaScript 기초' 카테고리의 다른 글
| [JS] Ex08_연산자예제2.html (0) | 2023.06.12 |
|---|---|
| [JS] Ex08_연산자예제1.html (0) | 2023.06.12 |
| [JS] Ex06_대입_논리연산자.html (0) | 2023.06.12 |
| [JS] Ex05_산술_증감연산자.html (0) | 2023.06.12 |
| [JS] Ex04_자료형.html (0) | 2023.06.12 |
