본문 바로가기
[JavaScript]

[JavaScript] 연산자

by 북방바다코끼리표범 2023. 8. 18.

복습

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
= ++B;    B가 1 증가된 뒤 A에 대입
= B++;    기존 B에 A를 대입한 후 B가 1 증가
= --B;    B가 1 감소된 뒤 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
&& B (논리 곱)        A, B가 모두 참이면 true 반환
|| B (논리 합)        A, B가 하나라도 참이면 true 반환
  !A   (부정)        참이면 false 반환, 거짓이면 true 반환
cs

조건 연산자 (삼항 연산자)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- 조건식이 truefalse 인지에 따라 다른 결과 수행
- 사용법 : 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