什么是JavaScript对象解构？

Z时代
2024-01-10
分类：综合

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

示例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>