Destructing은 코드 작성을 줄이고 JavaScript의 속성에 쉽게 액세스하는 데 도움이 됩니다.

객체 파괴.💔

객체 리터럴이 있다고 가정합니다.

let obj={
 name:'sai',
 show:true

} 

객체의 속성에 어떻게 액세스할 수 있습니까?

정답은 개체 속성에 액세스하기 위해 점 표기법을 사용하고 있다는 것입니다

.

obj.propertyname 또는 obj['propertyname']을 사용해야 하는 것처럼



객체 Destructuring을 사용하여 같은 것을 보자.



객체 Destructuring에서 점 표기법을 쓰는 대신 쉬운 방법으로 동일한 속성에 액세스하는 것을 본 적이 있습니까?

배열 파괴

예를 보자

배열의 요소에 어떻게 액세스할 수 있습니까?

정답은 0,1,2,3등의 위치를 ​​사용한다는 것입니다

.



arr['0']을 사용하여 액세스할 수 있는 두 번째 항목



이제 매번 위치를 사용하는 대신 Array Destructing을 사용하여 동일한 요소에 액세스할 수 있습니다.

함수에서 Destructuring을 어떻게 사용할 수 있습니까?

예를 보자

객체를 함수에 대한 인수로 전달하고 있습니다.

파괴 없이 보여주기


Destructuring도 마찬가지



위의 코드에서 우리는 함수 매개변수 자체에서 객체를 분해하고 있습니다.
동일한 것에 액세스하기 위해 작성하는 코드가 얼마나 적은지 보셨습니까?

이제 우리는 깊은 수준으로 이동하고 있습니다

중첩된 구조 분해💣

items 속성에 액세스하기 위해 obj.show.items를 작성할 필요가 없는 대신에 약간 쉽습니다.

너희들이 즐겼으면 좋겠어!!!!! 의심스러운 점이 있으면 언제든지 물어보십시오.
해피 코딩 ........