[JavaScript]
[JavaScript] 연산자
북방바다코끼리표범
2023. 8. 18. 16:26
복습
https://shins99.tistory.com/47
[JavaScript] 변수와 자료형
복습 https://shins99.tistory.com/47 [JavaScript] 자바스크립트(JavaScript)란? 자바스크립트(JavaScript) - 사용자의 상호작용에 따라 웹 페이지를 동적제어 하기 위한 프로그래밍 언어 - 웹 브라우저에서 동작 -
shins99.tistory.com
산술 연산자
|
1
2
3
4
5
6
7
8
9
|
연산자 이름 목적 예시
+ 더하기 두 개의 숫자를 더함. 6 + 9
- 빼기 왼쪽에 있는 수를 오른쪽 수로 뺌. 20 - 15
* 곱하기 두 개의 숫자를 곱함. 3 * 7
/ 나누기 왼쪽의 숫자를 오른쪽 숫자로 나눠서 몫을 구함. 10 / 5
% 나머지 왼쪽의 숫자를 오른쪽 숫자로 나눠서 나머지를 구함.. 8 % 3
(또는 모듈로) ( 2를 반환, 8을 3으로 나눴을 때 몫이 2이기 때문.)
** 지수 왼쪽의 숫자를 오른쪽 숫자만큼 제곱함.. 5 ** 2 ( 5의 제곱이기 때문에 25를 반환.)
참고 - 연산에 관계된 수를 '피연산자' 라고 부른다. - 지수를 계산할 때 Math.pow() 메서드를 사용할 수 있고 ** 와 매우 비슷한 동작을 함 |
cs |
형변환
|
1
2
3
|
- 문자형 데이터 + 문자형 데이터 -> 문자형 데이터
- 문자형 데이터 + 숫자형 데이터 -> 문자형 데이터
- 산술 연산에는 문자형을 모두 숫자로 자동 인식함
|
cs |
대입 연산자(할당 연산자)
|
1
2
3
4
5
6
|
연산자 이름 목적 예시 의미
+= 더하기 대입 오른쪽의 값을 왼쪽 변수 값에 더하고 새 변수 값을 반환. x += 4; x = x + 4;
-= 빼기 대입 오른쪽의 값을 왼쪽 변수 값에서 빼고 새 변수 값을 반환. x -= 3; x = x - 3;
*= 곱하기 대입 오른쪽의 값을 왼쪽 변수 값에 곱하고 새 변수 값을 반환. x *= 3; x = x * 3;
/= 나누기 대입 오른쪽의 값을 왼쪽 변수 값에 나누고 새 변수 값을 반환. x /= 5; x = x / 5;
|
cs |
증감 연산자(단항 연산자)
|
1
2
3
4
5
|
A = ++B; B가 1 증가된 뒤 A에 대입
A = B++; 기존 B에 A를 대입한 후 B가 1 증가
A = --B; B가 1 감소된 뒤 A에 대입
A = B--; 기존 B에 A를 대입한 후 B가 1 감소
|
cs |
비교 연산자
|
1
2
3
4
5
6
7
8
|
연산자 이름 목적 예시
=== 일치 연산자 왼쪽과 오른쪽의 값이 완전히 동일한지 테스트 5 === 2 + 4
!== 불일치 연산자 왼쪽과 오른쪽 값이 서로 동일하지 않은지 테스트. 5 !== 2 + 3
< ~보다 작음 왼쪽 값이 오른쪽 값보다 작은지 테스트. 10 < 6
> ~보다 큼 왼쪽 값이 오른쪽 값보다 큰지 테스트. 10 > 20
<= ~보다 작거나 같음 왼쪽 값이 오른쪽 값보다 작거나 같은지 여부를 테스트. 3 <= 2
>= ~보다 크거나 같음 왼쪽 값이 오른쪽 값보다 크거나 같은지 여부를 테스트. 5 >= 4
참고: ===와 !==를 동등성과 불일치성을 테스트하는 데 사용금지 : === 는 값이 동일한지 = 검사 O 값의 데이터 유형이 동일한지 = 검사 x ------------------------------------------------------- !== 는 값이 동일한지 = 검사 O 값의 데이터 유형이 동일한지 = 검사 O ------------------------------------------------------- !== : 엄격한 버전으로 오류가 적은 편이기에 사용 추천 |
cs |
논리 연산자
|
1
2
3
|
A && B (논리 곱) A, B가 모두 참이면 true 반환
A || B (논리 합) A, B가 하나라도 참이면 true 반환
!A (부정) 참이면 false 반환, 거짓이면 true 반환
|
cs |
조건 연산자 (삼항 연산자)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
- 조건식이 true, false 인지에 따라 다른 결과 수행
- 사용법 : let 변수명 = (조건식)? 실행문1 : 실행문2;
예제) 입력값을 받아서 값이 admin 이면 "있음" 라고 출력하고 , 아니면 "없음" 출력하세요
// let strVal = prompt("아이디를 입력하세요");
// 조건식 : 3항 연산자 사용
// strVal 가 admin 이면 있음 이라는 문자열이 result 변수에 저장됨
// 아니면 없음 이라는 문자열이 result 변수에 저장됨
let result = (strVal === "admin")? "있음" : "없음";
// 결과 출력
let strVal = prompt("아이디를 입력하세요");
let result = (strVal === "admin")? "있음" : "없음";
alert(result);
|
cs |
연산자 우선순위
|
1
|
단항 연산자 -> 산술 연산자 -> 비교 연산자 -> 논리 연산자 -> 할당 연산자
|
cs |