如何将键/值对添加到 JavaScript 对象？

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

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

 
 
  
 
     
        JavaScript | Add a key/value
        pair to JavaScript object 
     
 
      
 
     
        GeeksForGeeks 
     
          
    
          
     
        Click to add 
     
          
    
          
     
        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);     
        } 
     
 
  
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例使用方括号表示法将{“thirdFavColor” : “blue”}添加到 GFG_p 对象。

 
 
  
 
     
        JavaScript | Add a key/value
        pair to JavaScript object 
     
 
      
 
     
        GeeksForGeeks 
     
          
    
          
     
        Click to add 
     
          
    
          
     
        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);     
        } 
     
 
  
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：