如何在 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+ 瀏覽

開啟你的 職業生涯

完成課程以獲得認證

開始學習
廣告