JavaScript에서 중첩 객체의 속성을 수정하는 방법은 무엇입니까?

<시간/>

중첩된 개체의 속성을 수정하는 방법에는 두 가지가 있습니다. 하나는 도트 방식입니다. 다른 하나는 대괄호 방식입니다. 기능 두 방법 모두 동일하지만 유일한 차이점은 표기법입니다.

자세히 논의합시다.

도트 방식

예시

다음 예에서 처음에 재산 국가의 값은 영국입니다. 그러나 점 표기법 사용 값이 인도로 변경됩니다.

<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'의 값은 대괄호 표기법을 사용하여 영국에서 인도로 변경됩니다. .

<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