let data1 = 1;
let data2 = "1";
console.log(data1 == data2); // true
console.log(data1 === data2); // false

 

1. == (동등 연산자):

  • 두 값이 같으면 true를 반환합니다.
  • 타입이 다르면 JavaScript는 암묵적으로 형 변환을 시도하여 동등성을 확인합니다.
  • 예를 들어, 문자열 "5"와 숫자 5를 ==로 비교하면 JavaScript는 문자열을 숫자로 변환하여 비교합니다.

 

2. === (일치 연산자):

  • 두 값이 정확하게 같아야만 true를 반환합니다.
  • 타입도 비교하며, 타입이 다르면 ===는 false를 반환합니다.
  • 예를 들어, 문자열 "5"와 숫자 5를 ===로 비교하면 false가 반환됩니다.

 

일반적으로 ===를 사용하는 것이 권장되며, 타입 변환으로 인한 예기치 못한 동작을 방지할 수 있습니다. 엄격한 동등성을 검사하므로 코드를 더 명확하게 만들어주고 버그를 줄이는 데 도움이 됩니다.

 


||

 

  • || : 앞에 있는 값이 false 값이라면, 뒤에 있는 값으로 사용된다.
  • false로 취급되는 값 : "", null, 0, undefined
// : 앞에 있는 값이 false 값이라면, 뒤에 있는 값으로 사용된다.
// false로 취급되는 값 : "", null, 0, undefined

let value;
console.log(typeof value); //undefined

let data = value || 10;
console.log(data);

 

 

&&

  • && : 앞의 조건식이 false라면, false이고,  앞의 조건식이 true라면 뒤에 적은 값으로 대체된다.
// && : 앞의 조건식이 false라면, false이고
// 앞의 조건식이 true라면 뒤에 적은 값으로 대체된다.

let check = false;
console.log(check && 10); // false

// 삼항 연산자
let check = 10 > 11;
console.log(check ? 10 : 11); // 11

 


switch

// switch
// 하나의 변수에 여러 개의 값이 담길 수 있다면,
// 매번 ==으로 비교하는 if문 보다 switch문을 사용하면 더 간결해진다.

let choice = 1;

switch (choice) {
    case 1:
        console.log("choice는 1입니다.");
        break;
    case 2:
        console.log("choice는 2입니다.");
        break;
    case 3:
        console.log("choice는 3입니다.");
        break;
    default:
        console.log("다시 시도해주세요");
        break;
}

'컴퓨터 비전 > Javascript' 카테고리의 다른 글

callback  (0) 2024.01.29
function  (0) 2024.01.29
scope ( let , var, const )  (0) 2024.01.29
javascript 메소드 정리  (0) 2024.01.28
queue.js  (0) 2024.01.28