是否有可能添加动态命名的属性到JavaScript对象?

在JavaScript中，我创建了一个这样的对象:

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};

如果直到运行时才确定属性名称，那么是否可以在初始创建该对象后向其添加更多属性?即。

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
};
var propertyName = "someProperty";
var propertyValue = "someValue";

data[propertyName] = propertyValue;

eval("data." + propertyName + " = '" + propertyValue + "'");

首选第一种方法。如果使用用户提供的值，Eval()有明显的安全问题，所以如果可以避免，就不要使用它，但知道它的存在以及它能做什么是值得的。

你可以参考:

alert(data.someProperty);

data(data["someProperty"]);

alert(data[propertyName]);

其他回答

我知道这篇文章已经有几个答案，但我还没有看到其中有多个属性，它们在一个数组中。顺便说一下，这个解决方案是针对ES6的。

举例来说，假设我们有一个名为person的数组，其中包含对象:

 let Person = [{id:1, Name: "John"}, {id:2, Name: "Susan"}, {id:3, Name: "Jet"}]

因此，您可以添加具有相应值的属性。假设我们想要添加一个默认值为EN的Language。

Person.map((obj)=>({...obj,['Language']:"EN"}))

Person数组现在会变成这样:

Person = [{id:1, Name: "John", Language:"EN"}, 
{id:2, Name: "Susan", Language:"EN"}, {id:3, Name: "Jet", Language:"EN"}]

ES6引入了计算属性名，它允许你这样做

let a = 'key'
let myObj = {[a]: 10};
// output will be {key:10}

你可以添加更多的属性，只要你喜欢使用点符号:

var data = {
    var1:'somevalue'
}
data.newAttribute = 'newvalue'

or:

data[newattribute] = somevalue

对于动态键。

肯定。可以把它看作一个字典或关联数组。你可以在任何时候加进去。

是的，这是可能的。假设:

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]);

推荐文章