JavaScript의 find 메소드에서 요소를 찾을 수 없는 경우를 우아하게 처리합니다.

이 글은 자바스크립트에서 Array.prototype.find 메소드를 사용할 때 대상 요소를 찾을 수 없을 때 발생할 수 있는 정의되지 않은 오류를 해결하는 것을 목표로 합니다. OR 연산자, 선택적 연결 연산자 및 Null 병합 연산자를 사용하여 이 상황을 적절하게 처리하는 방법을 보여주고 시연할 샘플 코드를 제공합니다.

JavaScript의 Array.prototype.find 메소드를 사용할 때 배열의 요소 중 제공된 테스트 함수를 만족하는 요소가 없으면 find 메소드는 정의되지 않은 값을 반환합니다. 정의되지 않은 속성에 직접 액세스하면 오류가 발생합니다. 이를 방지하려면 find 메소드에 액세스하기 전에 find 메소드의 결과가 정의되지 않았는지 확인해야 합니다. 다음은 몇 가지 처리 방법입니다.

1. OR 연산자(||)를 사용하세요.

OR 연산자를 사용하면 find 메소드가 정의되지 않은 값을 반환할 때 사용할 기본값을 제공할 수 있습니다. 이 예에서는 빈 array[]를 기본값으로 사용합니다.

 const 사람 = {
    groupA : ['에이미','베스'],
    그룹B : ['벤','맷'],
    groupC : ['젠','일라이']
};

let Person = (Object.entries(People).find(([,values])=>values.includes('Ele')) || [])[0];

console.log(사람); // 출력: 정의되지 않음

find 메소드가 "Ele"을 포함하는 그룹을 찾을 수 없으면 정의되지 않은 값을 반환합니다. OR 연산자는 정의되지 않음을 []로 대체하므로 [][0]의 결과는 정의되지 않아 오류가 발생하지 않습니다.

2. 선택적 연결 연산자(?.)를 사용하세요.

선택적 연결 연산자를 사용하면 null이거나 정의되지 않은 속성에 액세스할 때 안전하게 작업할 수 있습니다. 연산자 왼쪽의 값이 null이거나 정의되지 않은 경우 표현식은 단락되고 오류 없이 정의되지 않은 값을 반환합니다.

 const 사람 = {
    groupA : ['에이미','베스'],
    그룹B : ['벤','맷'],
    groupC : ['젠','일라이']
};

let Person = Object.entries(People).find(([,values])=>values.includes('Ele'))?.[0];

console.log(사람); // 출력: 정의되지 않음

find 메소드가 정의되지 않음을 반환하는 경우, 정의되지 않았나요?.[0] 정의되지 않은 속성에 액세스하려는 시도를 피하면서 정의되지 않은 값을 직접 반환합니다.

3. null 값 병합 연산자(??)를 사용합니다.

Null 병합 연산자(??)는 Null 또는 정의되지 않은 값을 처리하는 간결한 방법을 제공합니다. 왼쪽 피연산자가 null이거나 정의되지 않은 경우 오른쪽 피연산자가 반환됩니다. 그렇지 않으면 왼쪽 피연산자가 반환됩니다.

 const 사람 = {
    groupA : ['에이미','베스'],
    그룹B : ['벤','맷'],
    groupC : ['젠','일라이']
};

let Person = (Object.entries(People).find(([,values])=>values.includes('Ele')) ?? [])[0];

console.log(사람); // 출력: 정의되지 않음

OR 연산자와 유사하게 find 메서드가 정의되지 않은 상태를 반환하는 경우 null 병합 연산자는 오류를 방지하기 위해 정의되지 않은 부분을 []로 바꿉니다.

요약

JavaScript에서 Array.prototype.find 메서드를 사용할 때 요소를 찾을 수 없는 경우를 처리해야 합니다. OR 연산자, 선택적 연결 연산자 및 Null 병합 연산자는 모두 이 상황을 처리하는 효과적인 방법입니다. 선택하는 방법은 특정 코딩 스타일과 요구 사항에 따라 다릅니다. 선택적 연결 연산자와 null 병합 연산자는 더 간결하고 이해하기 쉽고 최신 JavaScript 코딩 규칙과 더 일치하므로 사용하는 것이 좋습니다.

위 내용은 JavaScript의 find 메소드에서 요소를 찾을 수 없는 경우를 우아하게 처리합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!