在 JavaScript 中，我创建了一个像这样的对象：
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
如果直到运行时才确定属性名称，是否可以在初始创建后向该对象添加更多属性？IE
var propName = 'Property' + someUserInput
//imagine someUserInput was 'Z', how can I now add a 'PropertyZ' property to
//my object?
是的。
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
data["PropertyD"] = 4;
// dialog box with 4 in it
alert(data.PropertyD);
alert(data["PropertyD"]);ES6 取胜！
const b = 'b';
const c = 'c';
const data = {
a: true,
[b]: true, // dynamic property
[`interpolated-${c}`]: true, // dynamic property + interpolation
[`${b}-${c}`]: true
}
如果你登录，data你会得到这个：
{
a: true,
b: true,
interpolated-c: true,
b-c: true
}
这利用了新的Computed Property语法和Template Literals。
对的，这是可能的。假设：
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
var propertyName = "someProperty";
var propertyValue = "someValue";
任何一个：
data[propertyName] = propertyValue;
或者
eval("data." + propertyName + " = '" + propertyValue + "'");
优选第一种方法。如果您使用用户提供的值，则 eval() 具有明显的安全问题，因此如果您可以避免使用它，请不要使用它，但值得知道它的存在以及它可以做什么。
你可以参考这个：
alert(data.someProperty);
或者
data(data["someProperty"]);
或者
alert(data[propertyName]);
我知道这个问题得到了完美的回答，但我也找到了另一种添加新属性的方法，并想与您分享：
您可以使用该功能 Object.defineProperty()
在Mozilla 开发者网络上找到
例子：
var o = {}; // Creates a new object
// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(o, "a", {value : 37,
writable : true,
enumerable : true,
configurable : true});
// 'a' property exists in the o object and its value is 37
// Example of an object property added with defineProperty with an accessor property descriptor
var bValue;
Object.defineProperty(o, "b", {get : function(){ return bValue; },
set : function(newValue){ bValue = newValue; },
enumerable : true,
configurable : true});
o.b = 38;
// 'b' property exists in the o object and its value is 38
// The value of o.b is now always identical to bValue, unless o.b is redefined
// You cannot try to mix both :
Object.defineProperty(o, "conflict", { value: 0x9f91102,
get: function() { return 0xdeadbeef; } });
// throws a TypeError: value appears only in data descriptors, get appears only in accessor descriptors
ES6 引入了计算属性名称，它允许你做
let a = 'key'
let myObj = {[a]: 10};
// output will be {key:10}