조건문

루프와 마찬가지로 조건문도 실행 흐름을 변경합니다
JavaScript에는 두 가지 유형의 조건문이 있습니다

• if-else

• 스위치

if-else가 가장 일반적으로 사용되는 스위치입니다
그러나 만약 - else 문과 switch 문은 서로 바뀔 수 있는 경우가 많습니다
예를 들어 다음 코드는 동일합니다

if(foo){    ...}else{    ...}

조건이 적을수록 if-else를 사용할 확률이 높습니다.
그러나 조건이 많을 때는 스위치를 사용하는 것이 이해하기 쉽습니다

switch(foo){
    case true:        ...
    default:        ...}

그러나 두 조건문 중 어느 것이 더 나은 성능을 발휘합니다
조건의 수가 너무 많으면 switch 문은 더 빠르고 명확하게 실행됩니다
정확하게 말하면 조건이 증가하면 if-else 성능 부담이 더욱 커집니다
(대부분의 언어 스위치 문은 분기 테이블 분기 테이블 인덱스를 사용하여 최적화합니다)
게다가, JavaScript에서는 switch 문에 강제 유형 변환이 필요하지 않습니다.
즉, 비교를 위해 합동 연산자를 사용하세요
이렇게 하면 유형 변환이 손실되지 않습니다

따라서 if-를 사용합니다. 조건의 수가 적을 때 else, 조건의 수가 많을 때 전환
성능 측면에서 합리적입니다
(if-else는 두 개의 이산된 값 또는 여러 개의 서로 다른 값 범위를 판단하는 데 적합하며, 스위치는 여러 개의 이산값을 판단하는 데 적합합니다)

if -else 문을 사용하고 있으며 확률이 큰 순서에서 작은 순서로 배열되어야 합니다
이해하기 쉽지만 간과하기 쉽습니다. us
또 다른 최적화 포인트는 if-else를 일련의 중첩된 if-else 문으로 구성하는 것입니다
이는 범위와 실행 시간을 줄일 수 있는 수학적 이분법과 유사합니다
이렇게

if(foo === 1){    
...}else if(foo === 2){    
...}else if(foo === 3){    
...}else if(foo === 4){    
...}else{    
...}

이것으로 변경

switch(foo){
    case 1:        ...
    case 2:        ...
    case 3:        ...
    case 4:        ...
    default:        ...}

하면 효율성을 높일 수 있습니다

조회 테이블

특수한 경우 "조회 테이블" 방법을 사용하면 성능이 매우 뛰어납니다. 조건이 너무 많아서

if(foo >= 1 && foo < 3){
    //...}else if(foo >= 3 && foo < 5){
    //...}else if(foo >= 5 && foo < 7){
    //...}else{
    //...}

위 함수를 이렇게 재구성합니다

if(foo >= 1 && foo < 5){    if(foo < 3){
        //...
    }else{
        //...
    }
}else{    if(foo < 7){
        //...
    }else{
        //...
    }
}

간결하고 가독성이 좋을 뿐만 아니라 성능도 더 좋습니다
조건의 개수가 많을 때 증가하면 조회 테이블은 추가 성능 오버헤드를 거의 발생시키지 않습니다
그러나 단일 키와 단일 값 사이에 논리적 매핑이 있는 상황에 더 적합합니다.

삼항 연산자

조건문과 매우 유사한 삼항연산자
도 있죠? :
은 if-else와 동일합니다
반환값이 관련된 상황에는 삼항 연산자가 더 적합합니다
무슨 뜻인지 아래 코드를 보세요

function fn(a){
    switch(a){        
    case 0:            
    return 0;        
    case 1:            
    return 1;        
    case 2:            
    return 2;        
    case 3:            
    return 3;        
    case 4:            
    return 4;        
    case 5:            
    return 5;        
    case 6:            
    return 6;        
    case 7:            
    return 7;
    }
}

더 좋습니다 이렇게 다시 작성하려면

function fn(a){
    var retArr = [0,1,2,3,4,5,6,7];    return retArr[a];
}

는 foo 변수 flag ? 1 : 2에 직접 할당되는

의 반환 값에 중점을 둡니다. 이러한 상황은 삼항 연산자

조건이 많은 상황은 거의 사용하지 않지만
최신 브라우저 js 엔진은 특히 강력합니다(예: V8 엔진 []~(￣ ▽￣)~*)
이해는 하겠지만...