어떤 연산자들이 있을까?
산술 연산자
--
숫자 연산을 수행하는 연산자

+ 연산자를 사용할 때 피연산자를 문자열로 사용할 수 있으며
두 문자열을 이어서 붙이는 결과를 나타낸다.
--
대입 연산자
--
데이터를 대입(할당)하는 연산자

--
비교 연산자
--
피연산자를 비교한 후 논리형 값인 참(true) 또는 거짓(false) 값을 반환하는 연산자

피연산자에 문자열을 사용하면
<, <=, >, >= 연산자에서 각 문자열의 사전적 순서를 기준으로 비교 연산한다.
문자열과 숫자를 비교하면 문자열을 숫자로 변경 후 숫자로 비교한다. (숫자 형태의 문자열인 경우)
--
논리 연산자
--
피연산자를 각각 논리적으로 평가한 뒤, 서로 조건에 맞는 피연산자를 반환
즉, 각 피연산자는 boolean 타입이다.

빈 문자열(""), undefined, 0, null 값은 거짓(false)으로 취급하고, 나머지는 참(true)으로 평가된다.
--
삼항 연산자
--
왼쪽에 있는 피연산자의 참(true)/거짓(false)에 따라 나머지 두항에 존재하는 피연산자를 선택하여 반환한다.

--
쉼표 연산자
--
예시 코드
let x = 1, y = 2, z = 3;
console.log(x, y, z);
// 마지막으로 실행한 것 반환
console.log(
(++x, y += x, z *= y)
);
-----실행 결과-------------
1 2 3
12
console.log(x, y, z); 처럼 평소 쉼표를 작성하여 출력할 때에는 모두 출력되지만
연산을 할 때에는 마지막에 작성된 연산 결과만 출력된다.
--
?? 연산자
--
피연산자가 null 또는 undefined인 경우에만 우측 코드를 실행하는 연산자다.
기본 형식
변수 ?? 수행문
예시 코드
let x; // x는 undefined
x ?? console.warn(x, 'x에 값이 없습니다.');
x = 0; // x는 0
x ?? console.warn(x, 'x에 값이 없습니다.');
x = null; // x는 null
x ?? console.warn(x, 'x에 값이 없습니다.');
-----실행 결과---------------
undefined x에 값이 없습니다.
null x에 값이 없습니다.
--
typeof 연산자
--
변수의 데이터 타입을 확인하는 연산자
예시 코드
let age = 20;
console.log(typeof age);
-----실행 결과-----------
number
--
형 변환
--
데이터의 자료형을 다른 자료형으로 변경하는 것으로 크게 2가지 존재한다.
- 암시적 형 변환
- 명시적 형 변환
암시적 형 변환
숫자를 문자열과 함께 연산하여 숫자가 자동으로 문자열로 취급하여 결과 자료형이 문자열로 변경된다.
const result = 10 + "10";
console.log(result);
-----실행 결과-------------------
1010
명시적 형 변환
String() 메서드를 이용하여 명시적으로 숫자를 문자열로 형 변환시킨다.
let num = 10;
let str = "10";
if(String(num) == strNum) {
console.log(`equals`);
}
-----실행 결과--------------
equals
--
연산자 우선 순위
--

--
'Language > Java Script' 카테고리의 다른 글
반복문 (0) | 2025.03.21 |
---|---|
조건문 (0) | 2025.03.21 |
자료형 (0) | 2025.03.18 |
변수와 상수 (0) | 2025.03.18 |
자바스크립트 사용 방법 (코드 작성 방법) (0) | 2025.03.17 |
어떤 연산자들이 있을까?
산술 연산자
--
숫자 연산을 수행하는 연산자

+ 연산자를 사용할 때 피연산자를 문자열로 사용할 수 있으며
두 문자열을 이어서 붙이는 결과를 나타낸다.
--
대입 연산자
--
데이터를 대입(할당)하는 연산자

--
비교 연산자
--
피연산자를 비교한 후 논리형 값인 참(true) 또는 거짓(false) 값을 반환하는 연산자

피연산자에 문자열을 사용하면
<, <=, >, >= 연산자에서 각 문자열의 사전적 순서를 기준으로 비교 연산한다.
문자열과 숫자를 비교하면 문자열을 숫자로 변경 후 숫자로 비교한다. (숫자 형태의 문자열인 경우)
--
논리 연산자
--
피연산자를 각각 논리적으로 평가한 뒤, 서로 조건에 맞는 피연산자를 반환
즉, 각 피연산자는 boolean 타입이다.

빈 문자열(""), undefined, 0, null 값은 거짓(false)으로 취급하고, 나머지는 참(true)으로 평가된다.
--
삼항 연산자
--
왼쪽에 있는 피연산자의 참(true)/거짓(false)에 따라 나머지 두항에 존재하는 피연산자를 선택하여 반환한다.

--
쉼표 연산자
--
예시 코드
let x = 1, y = 2, z = 3;
console.log(x, y, z);
// 마지막으로 실행한 것 반환
console.log(
(++x, y += x, z *= y)
);
-----실행 결과-------------
1 2 3
12
console.log(x, y, z); 처럼 평소 쉼표를 작성하여 출력할 때에는 모두 출력되지만
연산을 할 때에는 마지막에 작성된 연산 결과만 출력된다.
--
?? 연산자
--
피연산자가 null 또는 undefined인 경우에만 우측 코드를 실행하는 연산자다.
기본 형식
변수 ?? 수행문
예시 코드
let x; // x는 undefined
x ?? console.warn(x, 'x에 값이 없습니다.');
x = 0; // x는 0
x ?? console.warn(x, 'x에 값이 없습니다.');
x = null; // x는 null
x ?? console.warn(x, 'x에 값이 없습니다.');
-----실행 결과---------------
undefined x에 값이 없습니다.
null x에 값이 없습니다.
--
typeof 연산자
--
변수의 데이터 타입을 확인하는 연산자
예시 코드
let age = 20;
console.log(typeof age);
-----실행 결과-----------
number
--
형 변환
--
데이터의 자료형을 다른 자료형으로 변경하는 것으로 크게 2가지 존재한다.
- 암시적 형 변환
- 명시적 형 변환
암시적 형 변환
숫자를 문자열과 함께 연산하여 숫자가 자동으로 문자열로 취급하여 결과 자료형이 문자열로 변경된다.
const result = 10 + "10";
console.log(result);
-----실행 결과-------------------
1010
명시적 형 변환
String() 메서드를 이용하여 명시적으로 숫자를 문자열로 형 변환시킨다.
let num = 10;
let str = "10";
if(String(num) == strNum) {
console.log(`equals`);
}
-----실행 결과--------------
equals
--
연산자 우선 순위
--

--
'Language > Java Script' 카테고리의 다른 글
반복문 (0) | 2025.03.21 |
---|---|
조건문 (0) | 2025.03.21 |
자료형 (0) | 2025.03.18 |
변수와 상수 (0) | 2025.03.18 |
자바스크립트 사용 방법 (코드 작성 방법) (0) | 2025.03.17 |