JavaScript에서 객체를 구조 분해할 때 기본값을 설정하는 방법은 무엇입니까?

Arrays and Objects Destructuring 기능은 ES6 버전의 JavaScript에 도입되었습니다. 배열과 객체를 구조 분해하면 해당 값을 별도의 변수에 저장할 수 있습니다. 그런 다음 이 변수를 사용하여 개체의 특정 속성 값에 액세스할 수 있습니다.

배열 객체를 구조화할 때 주의해야 할 주요 문제는 기본값입니다. 예를 들어, Destructuring 객체에 property3 변수를 추가했지만 객체에 property3이 포함되어 있지 않으면 Destructuring은 정의되지 않은 값을 property3 변수에 설정합니다.

사용자는 아래 예를 따라 존재하지 않는 속성에 정의되지 않은 값을 설정하는 Destructuring방법을 이해할 수 있습니다.

예

아래 예에서는 일부 정수 값과 함께 x 및 y 속성이 포함된 데모_obj 개체를 만들었습니다. 그 후, 우리는 deco_obj를 분해하고 w, x, y, z 변수에 속성 ​​값을 설정하려고 합니다.

출력에서 w 및 z 변수의 값은 데모_obj 개체에 존재하지 않으므로 정의되지 않은 것을 확인할 수 있습니다.

으아아아

위의 예를 통해 사용자는 객체를 구조 분해할 때 변수에 기본값을 설정해야 하는 이유를 이해합니다.

문법

사용자는 JavaScript에서 객체를 구조 분해할 때 다음 구문에 따라 기본값을 설정할 수 있습니다.

으아아아

위 구문에서는 prop1, prop2 및 porp3 변수의 개체를 구조 해제했습니다. 또한 prop2 및 prop3 변수에 대한 기본값을 설정합니다.

예

아래 예에서는 ID, 이름, 급여가 포함된 직원 개체를 생성합니다. 그런 다음 ID, 이름, 급여 및 연령 변수에서 직원 개체를 구조 해제합니다. 또한 age 변수를 기본값 22로 초기화합니다.

출력에서 age 변수의 값이 22라는 것을 확인할 수 있습니다. 이는 직원 개체에 age 속성이 포함되어 있지 않기 때문에 기본값입니다.

으아아아

예

아래 예에서는 테이블 개체를 생성하고 이를 ID, 서랍, 너비 및 색상 변수로 분해합니다. 사용자는 테이블 개체에 너비 속성이 포함되어 있지 않으므로 너비 변수의 값이 기본값인 4피트임을 확인할 수 있습니다.

다른 변수의 경우 개체 속성에서 값을 가져옵니다. 예를 들어 색상 변수의 기본값은 검정색입니다. 그럼에도 불구하고 객체에는 녹색 값을 갖는 색상 속성이 포함되어 있으므로 녹색이 색상 변수의 값으로 할당됩니다.

으아아아

사용자는 이 튜토리얼에서 기본값을 사용하여 객체를 구조화 하는 방법을 배웠습니다. 또한 사용자는 객체를 구조화할 때 일부 기본값을 할당하는 대신 변수 생성 시 일부 기본값으로 변수를 초기화할 수 있습니다.

위의 예에서 객체에 속성이 포함되어 있으면 속성 값이 변수로 설정되고 그렇지 않으면 변수가 기본값을 유지한다는 것을 이해할 수 있습니다.

위 내용은 JavaScript에서 객체를 구조 분해할 때 기본값을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!