如何使用变量作为名称向 JavaScript 对象添加属性？

我们可以使用对象字面量量创建一个 JavaScript 对象：

例子 ：

var obj = { firstname : "Romy", lastname : "kumari", age : 20}

JavaScript 对象中的名称：值对称为属性。我们可以使用点表示法或方括号表示法，使用变量作为名称将属性添加到 JavaScript 对象。

下面的示例说明了两种不同的方法：

示例 1：在此示例中，我们将使用点表示法。

HTML

    
        
          GeeksforGeeks
        
 
 
 
        
 
 
 
        
            // Variable a and b
            var a = "string1";
            var b = "string2";
            var object1 = { firstname: "Romy",
                            lastname: "Kumari" };
 
            // Property using variable name
            object1.a = "first property";
            object1.b = "Second Property";
 
            document.getElementById("add").innerHTML =
              "Added property are : " + object1.a +
              " and " + object1.b;
        
    

输出：

示例 2：如果我们想将属性添加到变量中存储的值，我们可以使用括号运算符。 obj.a 与 obj[a] 不同

HTML

    
        
          GeeksforGeeks
        
 
 
 
        
 
 
 
        
            var myObj = new Object();
 
            var a = "string1";
            var b = "string2";
            // This can be accesses with
            // the value stored in b.
            myObj.b = "somewhere";
            // This can be accessed with the
            // value stored in a that is string1
            myObj[a] = "whatever";
 
            document.getElementById("add").innerHTML =
              "Added property are : " + myObj.string1 +
              " and " + myObj.b;
        
    

输出：