자바스크립트 중첩 객체 구조화

객체는 JavaScript에서 일반적으로 사용됩니다. React, Vue 또는 Angular 개발자라면 해당 프레임워크에서 많이 사용되기 때문에 객체와 좋은 관계를 가질 수 있습니다. 이 기사에서는 JavaScript 객체를 효율적으로 사용하는 방법을 보여 드리겠습니다. .

const info = {
name: "Shakil Khan",
email: "[email protected]",
address: {
country: {name: "Pakistan", religion:"Islam"},
line1: "Malakand Batkhela",
line2: "City Batkhela"
}
}


업 코드에서 볼 수 있듯이 다른 키 이름, 이메일, 주소를 가진 JavaScript 개체가 이제 주소 안에 새 개체가 있는 국가 키가 있고 간단한 단어 정보 개체에 이름과 종교 두 개의 키가 있습니다. 중첩된 개체가 있습니다. 이제 정보 개체의 데이터에 액세스하는 방법에는 JavaScript 개체의 데이터에 액세스하는 몇 가지 방법이 있습니다.

const {name, email, address} = info;
const {country, line, line2} = address;
const {name, religion} = country;


업 코드에서 우리는 이름, 이메일, 주소인 정보 객체로부터 구조화 키를 가지고 있으며, 더 나아가 주소 객체를 파괴했습니다.

const {name, email, address: {country: {name, religion}, line1, line2}} = info;

좋은 웹페이지 즐겨찾기