내일배움캠프 동영상 강의/내배캠_ JavaScript 문법 종합반

연산자

콛 다이어리 2024. 7. 28. 17:04

연산자

+

더하기 연산자
우선순위는 문자열


console.log(1+1);

// 2
console.log(1+"1"); 

// 11

 

-

빼기 연산자
우선 순위는 숫자


console.log(1 - "2"); 

// -1
console.log(1 - 2); 

// -1

 

*

곱하기 연산자
우선 순위는 숫자
console.log(2*3) 

// 6
console.log(2:*3); 

// 6

 

/

나누기 연산자
console.log(4/2); 

// 2
console.log("4"/2); 

// 2

 

%

나머지 연산자
나누기 연산자 (/) vs 나머지 연산자 (%)
console.log(5/2); 

// 2.5
console.log(5%2; 

// 1

등호연산자 (=)
let x = 10;

더하기 등호 연산자(+=)x += 5;
x = x+5와 같음

빼기 등호 연산자 (-=)
x -= 5;

x = x * 20;
console.log(x);

곱하기 등호 연산자 (*=)
x *= 20;
x = x * 20;
console.log(x);

let a = 10;
a *= 2;
console.log(a);

비교 연산자

true 또는 false를 반환하는 연산자
일치 연산자(===)
type까지 일치해야 true를 반환하는 연산자
console.log(2===2); 

// true
console.log("2" === 2); 

// false
console.log(2 === 2") 

// false

불일치연산자(!==)
타입까지 일치해야 false를 반환
console.log(2 !==2);

// false
console.log("2" !== 2); 

// true
console.log(2 !== "2"); 

// true

작다 연산자 (<), 작거나 같다 연산자(<=)
console.log(2 < 3); 

// true
console.log(4 <= 3); 

// false

 

크다 연산자(>), 크거나 같다 연산자(>=)

논리 연산자
논리곱 연산자: 모두 true일 때 true반환
console.log(true && true);

// true
console.log(true && false); 

// false
console.log(false && true); 

// false
console.log(false && false); 

// false

논리합연산자: 두 값중 하나라도 true인 경우 true 반환
console.log(true || true);

 //true
console.log(true || false); 

// true
console.log(false || true);

// true
console.log(false || false); 

// false

논리 부정 연산자: (!)

값을 반대로 바꿈
console.log(true); 

// true
console.log(!true);

 // false
let a = true;
console.log(!a);

 // false

삼항연산자
조건에 따라 값을 선택
let x = 10;
let result = x > 5 ? "크다" : "작다";
console.log(result); 

// 크다

얘는 항이 세개임
x > 5 한 개, "크다" 한 개, "작다" 한 개
x>5이 조건. 조건이 참이면 앞, 거짓이면 뒤에꺼

let y = 20;
let answer = y < 10 ? "작다" : "크다";

타입연산자(typeof)
console.log(typeof "5"); 

// string