什么是JavaScript对象解构?

JavaScript对象解构

以不同的无人值守结构访问对象不过是对象解构而已。实际上,我们有一种指定的格式来显示对象属性。我们可以以一种未指定的方式(称为对象解构)来执行相同的操作。让我们详细讨论它。

示例1

在以下示例中,定义了对象“ person ”,并以常规方式访问其属性,即“ person.name ”。但是,如果我们需要以非结构化方式显示相同的内容,则无需指定' person.name ',只需要' name '就可以了,如Example-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