[HTML/CSS] Java Script 연산자

더하기 연산자

console.log(1 + 1);
console.log(1 + "1");
결과 = 2
      11

console.log(1 + "1") : 2가 아닌 11이 나오는 이유는 문자열과 다른 데이터 타입이 더해지면 문자열이 우선시 되기 때문이다.

빼기 연산자

console.log(3 - "2");
console.log(3 - 2);
결과 = 1
      1

console.log(3 - "2") : 이번에는 32가 아닌 1이 나오는 이유는 더하기 연산자가 아닌 빼기, 곱하기, 나누기 등, 문자 + 문자가 올때는 숫자가 우선시 되기 때문이다.

곱하기 연산자

console.log(2 * 3);
console.log("2" * 3);
결과 = 6
      6

나누기 연산자

console.log(12 / 2);
console.log("12" / 2);
결과 = 6
	  6

나머지 연산자

console.log (5 / 2);
console.log(5 % 2);
결과 = 2.5
      1

할당 연산자

let x = 10;
x라는 변수에 10이라는 값을 할당했다.

더하기 등호 연산자

let x = 10;
x += 5;
console.log(x);
결과 = 15

빼기 등호 연산자

let x = 10;
x += 5; // 10 + 5 = 15
x -= 5; // 15 - 5 = 10
console.log(x);
결과 = 10

곱하기 등호 연산자

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

비교 연산자(true 또는 false를 반환하는 연산자)

일치 연산자(===) 타입까지 일치해야 true를 반환하는 연산자

console.log(2 === 2);
console.log(2 === '2');
console.log('2' === 2);
결과 = true
      false
      false

불일치 연산자(!==) 타입까지 일치해야 false를 반환하는 연산자

console.log(2 !== 2);
console.log(2 !== '2');
console.log('2' !== 2);
결과 = flase
      true
      true

비교 연산자(<>=) 작거나 크거나 혹은 같다.

 console.log(2 < 3 );
 console.log(2 <= 3 );
 console.log(2 <= 2 );
 console.log(3 <= 2 );
 결과 = true
 	   true
       true
       false

논리곱 연산자(&&) 연산자 모두 true일 때 true를 반환

console.log(true && true)
console.log(true && false)
console.log(false && true)
console.log(false && false)
결과 = true
      false
      false
      false

논리합 연산자(||) 두 값 중 하나라도 true일 경우 true를 반환

// console.log(true || true);
// console.log(true || false);
// console.log(false || true);
// console.log(false || false);
결과 = true
      true
      true
      false

논리 부정 연산자 (값을 반대로 바꿈)

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

삼항 연산자 (조건에 따라 값을 선택한다.)

let x = 30;
let answer = x < 20 ? "크다" : "작다"
console.log(answer);
결과 = 크다