JavaScript에서 '정의되지 않은 속성을 읽을 수 없습니다' 오류를 방지하려면 어떻게 해야 합니까?

'정의되지 않은 속성을 읽을 수 없음' 오류 방지

복잡한 데이터 구조로 작업할 때 정의되지 않은 속성과 관련된 오류가 발생하는 것이 일반적입니다. 다음 예를 고려하십시오.

// This array contains a mix of nested objects and non-nested values
var test = [{'a':{'b':{'c':"foo"}}}, {'a': "bar"}];

테스트를 반복하면 존재하지 않을 수 있는 중첩 개체의 속성에 액세스할 때 오류가 발생할 수 있습니다. 예를 들어 다음 코드는 a.b.c에 액세스할 때 오류를 발생시킵니다.

for (i=0; i<test.length; i++) {
    console.log(a.b.c); // Throws error on i==1
}

이러한 오류를 방지하려면 다음과 같은 여러 접근 방식을 사용할 수 있습니다.

선택적 체이닝(ES2020) 및 TypeScript 3.7

업데이트: 최신 브라우저 및 TypeScript의 경우 권장되는 솔루션은 선택적 연결(?.) 연산자입니다:

obj?.a?.lot?.of?.properties

함수 기반 해결 방법(ES2020 이전 및 TypeScript 3.7 이전)

간단한 해결 방법은 도우미를 사용하는 것입니다. 함수:

function getSafe(fn, defaultVal) {
  try {
    return fn();
  } catch (e) {
    return defaultVal;
  }
}

// Use the function to access the property safely
console.log(getSafe(() => obj.a.lot.of.properties));

이 함수는 제공된 함수를 호출한 결과를 반환하거나, 오류가 발생하면 기본값을 반환합니다. 이 접근 방식을 사용하면 오류를 방지하고 중첩 속성에 조건부로 액세스할 수 있습니다.

console.log(getSafe(() => obj.a.lot.of.properties, 'nothing'));

위 내용은 JavaScript에서 '정의되지 않은 속성을 읽을 수 없습니다' 오류를 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!