210820 개발기록: 자바스크립트 in 연산자, Switch~case 문에서의 OR 조건

❌  자바스크립트 in 연산자 : 잘못 알고 있었던 점

switch(true) 분기문을 사용하기 위해 case 구문에 in 연산자를 적용했다.

배열에 속한 원소값을 in 연산자 앞에 명시하여, 해당 원소가 배열에 존재하면 true 를 , 그렇지 않으면 false 를 리턴할 것이라 생각했다. 

 

아래 코드에서 적용한 In 연산자가 당연히 제대로 작동할 것이라 생각했지만 결과적으로 분기를 타지 않았다.

 

const result = []

const IE = ["I", "E"]
const SN = ["S", "N"]
const TF = ["T", "F"]
const JP = ["J", "P"]

const switchResult = (key) => { // key = "I" || "E" || "S" || "N" ... || "P"
    switch (true) {
        case key in IE:
            result[0] = key
            break
        case key in SN:
            result[1] = key
            break
        case key in TF:
            result[2] = key
            break
        case key in JP:
            result[3] = key 
            break
    }
}

 

mdn 에서 답을 찾을 수 있었다. 

바로 배열에서 찾고자 하는 원소 값을 명시하는 것이 아니라, 배열의 인덱스 값을 명시해주어야 한다.

 

해서 우회책으로 아래처럼 includes() 메소드를 사용했다. 

const switchResult = (key) => {
    switch (true) {
        case IE.includes(key):
            result[0] = key
            break
        case SN.includes(key):
            result[1] = key
            break
        case TF.includes(key):
            result[2] = key
            break
        case JP.includes(key):
            result[3] = key 
            break
    }
}

 

 

🌿  switch ~ case 분기문에서의 OR 조건 적용 방법

switch 문에서 or 연산자를 그대로 사용한 실수를 범햇다. 

case 문에 or 연산자를 그대로 적용할 것이 아니라, 

피연산자들을 각각의 case 에 따로 적용해야 한다.

// wrong way
const switchResult = (key) => {
    switch (key) {
        case "I" || "E":
            result[0] = key
            break
        case "F" || "T":
            result[2] = key
            break
        case "S" || "N":
            result[1] = key
            break
        case "P" || "J":
            result[3] = key
            break
    }
}



// right way
const switchResult = (key) => {
    switch (key) {
        case "I":
        case "E":
            result[0] = key
            break
        case "F":
        case "T":
            result[2] = key
            break
        case "S":
        case "N":
            result[1] = key
            break
        case "P":
        case "J":
            result[3] = key
            break
    }
}