반응형
* 자료형, 형변화, 연산자 참조
https://tadaktadak-it.tistory.com/75?category=1024177
1. 자바스크립트 연산자
- 산술연산자
+ 덧셈, - 뺄셈, * 곱셈, / 나누기, % 나머지 - 문자열연산자
- 문자열 + 문자열, 숫자 + 문자열, 문자열 + 숫자 ... 문자열 + ...
- 무조건 문자열로 결과값 나옴 - 증감연산자
- 숫자를 1 or n 씩 증가(누적) i++;
- 숫자를 1 or n 씩 감소(누적) i--; - 삼항연산자
(조건식) ? (참일때 값) : (거짓일 때 값)
- a == b ? true : false;
- 참이면 true 거짓이면 false - 논리연산자
- a && b (and) - 둘다 참일 때 참 그외 다 거짓
- a || b (or) - 둘다 거짓일 때 거짓 그외 다 참 - 부정연산자
- !true = false
- !false = true; - 비교연산자
==, ===, !=, !==
== : 타입이 달라도 값이 같으면 참
!= : 값이 달라야 참
=== : 타입과 값이 둘 다 같아야 참
!== : 타입이나 값이 다르다면 참 - 대입연산자
a = b
2. 연산자 사용 예시
<script>
// 산술연산(사칙연산)
var n1 = 1 + 2;
var n2 = 5 - 3;
var n3 = 2 * 4;
var n4 = 6 / 4;
console.log("산술연산(사칙연산)");
console.log({n1,n2,n3,n4});
// 산술연산(나머지 연산)
var n5 = 7 % 3;
console.log("산술연산(나머지 연산)");
console.log("7 % 3 = " + n5);
// 짝수, 홀수 찾기
var n6 = 4 % 2; // ??? 0이면 짝수
var n7 = 5 % 2; // ??? 1이면 홀수
console.log("짝수/홀수 찾기");
console.log({n6,n7})
// 비교 연산자
console.log("비교 연산자");
console.log(100 == 10 * 10); // ?? true
console.log(6 != 2 * 2); // 6 == 2 * 2에 부정
console.log(2 * 5 > 3 * 3); // true
console.log(6 * 3 <= 2 * 9); // true
// 논리 연산자
// and
console.log("논리 연산자 and");
console.log(true && true); // 참
console.log(true && false); // 거짓
console.log(false && true); // 거짓
console.log(false && false); // 거짓
// or
console.log("논리 연산자 or");
console.log(true || true); // 참
console.log(true || false); // 참
console.log(false || true); // 참
console.log(false || false); // 거짓
// not
console.log("논리 연산자 not");
console.log(!true); // 거짓
console.log(!false); // 참
// 비교연산자
console.log("비교 연산자 ==");
console.log(0 == 0); // 참
console.log(0 == ''); // 참
console.log(0 == false); // 참
console.log(0 == []); // 참
// ===
console.log("비교 연산자 ===");
console.log(0 === 0); // 참
console.log(0 === ''); // 거짓
console.log(0 === false); // 거짓
console.log(0 === []); // 거짓
console.log("1 == 1 : " + (1 == 1));
console.log("1 == '1' : " + (1 == '1'));
console.log("1 === 1 : " + (1 === 1));
console.log("1 === '1' : " + (1 === '1'));
</script>
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
[JavaScript] JavaScript 함수 (0) | 2022.09.22 |
---|---|
[JavaScript] JavaScript 배열 (0) | 2022.09.22 |
[JavaScript] 자바스크립트 조건문(삼항연산자), 반복문 (1) | 2022.09.20 |
[JavaScript] 자바스크립트 변수, 자료형 (0) | 2022.09.16 |
[JavaScript] 자바스크립트 개요, 작성 방법, 출력 (0) | 2022.09.16 |