> 웹 프론트엔드 > JS 튜토리얼 > if-else, switch-case 또는 Array.prototype.includes() 또는 Array.prototype.find()와 같은 함수를 사용하는 경우

if-else, switch-case 또는 Array.prototype.includes() 또는 Array.prototype.find()와 같은 함수를 사용하는 경우

Barbara Streisand
풀어 주다: 2024-09-27 18:38:30
원래의
1147명이 탐색했습니다.

When to use if-else, switch-case, or functions like Array.prototype.includes() or Array.prototype.find()

JavaScript에서 if-else, switch-case 또는 Array.prototype.includes() 또는 Array.prototype.find()와 같은 함수 중에서 선택하는 것은 특정 사용 사례에 따라 다릅니다. 가독성, 성능 및 처리 중인 조건 유형. 다음은 이러한 구성을 비교한 내용과 각 구성을 언제 사용해야 하는지에 대한 제안 사항입니다.

1. if-else:
목적: 일련의 조건을 평가하고 조건이 참인지 거짓인지에 따라 코드를 실행합니다.
동작: 각 조건을 순차적으로 확인하고, 일치하는 첫 번째 조건이 실행됩니다.
사용 사례: 부울 논리, 범위 확인 또는 복잡한 조건을 처리하는 데 가장 적합합니다.
예:

let age = 25;

if (age < 18) {
    console.log('Too young');
} else if (age >= 18 && age <= 65) {
    console.log('Eligible for work');
} else {
    console.log('Retired');
}
로그인 후 복사

사용 시기:
복잡하거나 다중 조건: 논리적 조합, 범위 또는 동적 평가와 같이 더 복잡하거나 비이산적인 조건을 확인해야 하는 경우 if-else를 사용하세요.
소수의 조건: 평가할 조건이 소수인 상황에 이상적입니다.
유연한 조건 평가: if-else를 사용하면 논리 연산자(&&, || 등)를 결합하여 더 복잡한 검사를 수행할 수 있습니다.

2. 스위치 케이스:
목적: 단일 표현식(종종 변수 또는 값)을 가능한 여러 사례와 비교합니다.
동작: 표현식이 한 번 평가되고 해당 케이스 블록이 실행됩니다. 일치하는 사례가 없으면 기본 블록이 실행됩니다.
사용 사례: 여러 사례를 평가해야 하는 이산 또는 열거형 값에 가장 적합합니다.
예:

let day = 'Monday';

switch (day) {
    case 'Monday':
        console.log('Start of the week');
        break;
    case 'Wednesday':
        console.log('Midweek');
        break;
    case 'Friday':
        console.log('Almost weekend');
        break;
    default:
        console.log('Unknown day');
}
로그인 후 복사

사용 시기:
이산 값: 제한된 수의 알려진 값(예: 열거형, 상수 또는 상태) 중 하나를 사용할 수 있는 단일 변수가 있는 경우 switch-case를 사용하세요.
가능한 값이 많음: 처리해야 할 특정 사례가 여러 개인 경우에 이상적입니다.
가독성: 이산 값에 대해 여러 개의 if-else를 사용하는 것보다 switch-case를 사용하면 코드를 더 쉽게 읽을 수 있습니다.

3. include() 및 find()와 같은 기능:
목적: 배열에 값이 있는지 확인하거나(includes()) 배열 내에서 개체/값을 찾는 데 사용됩니다(find()).
동작: 이러한 함수는 배열에서 작동하여 부울(포함) 또는 찾은 값(find)을 반환합니다.
사용 사례: 값이 목록이나 객체 배열에 있는지 찾는 등 배열 기반 검사에 가장 적합합니다.

includes()의 예:

const fruits = ['apple', 'banana', 'cherry'];

if (fruits.includes('banana')) {
    console.log('We have bananas!');
} else {
    console.log('No bananas here');
}
로그인 후 복사

find()의 예:

const users = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' },
];

const user = users.find(user => user.id === 2);
console.log(user);  // Output: { id: 2, name: 'Bob' }

로그인 후 복사

사용 시기:

배열 조회: 배열에 값이 있는지 확인하려면 include()를 사용하세요.
배열에서 객체 찾기: 특정 조건에 따라 객체 배열에서 객체를 검색할 때 find()를 사용하세요.
효율적인 멤버십 테스트: 이 방법은 대규모 데이터 세트(배열)에서 항목의 존재 여부를 확인해야 할 때 특히 효과적입니다.

위 내용은 if-else, switch-case 또는 Array.prototype.includes() 또는 Array.prototype.find()와 같은 함수를 사용하는 경우의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿