Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 객체 Destructuring이란 무엇입니까?

<시간/>

자바스크립트 객체 구조화

다른 무인 구조의 객체에 액세스하는 것은 객체 구조화일 뿐입니다. . 실제로 객체 속성을 표시하는 형식이 지정되어 있습니다. . Object Destructuring이라는 지정되지 않은 방식으로 동일한 작업을 수행할 수 있습니다. . 자세히 논의해 봅시다.

예시-1

다음 예에서 개체 '사람 '가 정의되고 해당 속성은 "person.name이라는 정상적인 방식으로 액세스됩니다. ". 그러나 구조화되지 않은 방식으로 동일하게 표시해야 하는 경우 'person.name을 지정할 필요가 없습니다. ', '이름 '는 예시-2와 같이 충분합니다. .

<html>
<body>
<script>
   let person = {name: "Nani", age: 25};
   document.write(person.name);
   document.write("</br>");
   document.write(person.age);
</script>
</body>
</html>

출력

Nani
25


예시-2

이 예에서 '사람 개체의 속성은 '는 구조화되지 않은 방식으로 액세스됩니다. 결과가 출력에 표시됩니다.

<html>
<body>
<script>
   let person = {name: "Nani", age: 25};
   let {name, age} = person;
   document.write(name);
   document.write("<br>");
   document.write(age);
</script>
</body>
</html>

출력

Nani
25