JavaScript 如何向对象中添加键/值对

为了向JavaScript对象添加键/值对，我们可以使用点表示法或方括号表示法。这两种方法都被广泛接受。

示例1： 此示例使用点表示法将 {“nextFavColor”： “red”} 添加到GFG_p对象中。

<h1 style="color:green;"> 
    GeeksForGeeks 
</h1> 
 
<p id="GFG_up" style="color:red;"></p> 
 
<button onclick="Geeks()"> 
    Click to add 
</button> 
 
<p id="GFG_down" style="color:green;"></p> 
 
<script> 
    var GFG_p = {fName:"Geeks", lName:"forGeeks", 
                age:100, favColor:"green"}; 
    var p_up = document.getElementById("GFG_up"); 
    var p_down = document.getElementById("GFG_down"); 
    p_up.innerHTML = JSON.stringify(GFG_p); 
      
    function Geeks() { 
        GFG_p.nextFavColor = "Red"; 
        p_down.innerHTML = JSON.stringify(GFG_p);     
    } 
</script>

输出：

示例2： 这个示例通过使用 {“thirdFavColor” : “blue”} 并采用 方括号表示法 将其添加到GFG_p对象中。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_up" style="color:blue;"></p> 
  
<button onclick="Geeks()"> 
    Click to add 
</button> 
  
<p id="GFG_down" style="color:green;"></p> 
  
<script> 
    var GFG_p = {fName:"Geeks", lName:"forGeeks", 
                age:100, favColor:"green"}; 
    var p_up = document.getElementById("GFG_up"); 
    var p_down = document.getElementById("GFG_down"); 
    p_up.innerHTML = JSON.stringify(GFG_p); 
      
    function Geeks() { 
        GFG_p["thirdFavColor"] = "blue"; 
        p_down.innerHTML = JSON.stringify(GFG_p);     
    } 
</script>

输出：