如何在 JavaScript 中修改嵌套对象的属性?


修改嵌套对象的属性有两个方法。一个是点方法,另一个是方括号方法。 这两个方法的功能相同,唯一的区别是它们的表示方式。 

让我们详细地讨论它们。

点方法

示例

在下面的示例中,country 属性的初始值为 England。但是使用点表示法,该值已更改为 India。

实时演示

<html>
<body>
<script>
   var person;
   var txt = '';
   person = {
      "name":"Ram",
      "age":27,
      "address": {
         "houseno":123,
         "streetname":"Baker street",
         "country":"England"
      }
   }
   document.write("Before change : " + " " + person.address.country);
   person.address.country = "India";
   document.write("</br>");
   document.write("After change : " + " " + person.address.country);
</script>
</body>
</html>

输出

Before change : England
After change : India

方括号方法

示例

在下面的示例中, 属性 'country' 的值已使用 方括号表示法从 England 更改为 India。 

实时演示

<html>
<body>
<script>
   var person;
   var txt = '';
   person = {
      "name":"Ram",
      "age":27,
      "address": {
         "houseno":123,
         "streetname":"Baker street",
         "country":"England"
      }
   }
   document.write("Before change : " + " " + person.address["country"]);
   person.address.country = "India";
   document.write("</br>");
   document.write("After change : " + " " + person.address["country"]);
</script>
</body>
</html>

输出

Before change : England
After change : India

更新于: 2019-07-30

3K+ 浏览

开启你的 职业生涯

完成课程以获得认证

开始学习
广告