我正在寻找一个解决方案，我可以在对象声明中使用动态键名(不使用ES6功能，如…或[key]: value)

这是我想到的:

var obj = (obj = {}, obj[field] = 123, obj)

一开始看起来有点复杂，但其实很简单。我们使用逗号操作符在一行中运行三个命令:

Obj ={}:创建一个新对象并将其赋值给变量Obj Obj [field] = 123:向Obj添加计算属性名 Obj:使用Obj变量作为括号/逗号列表的结果

这种语法可以在函数形参中使用，而不需要显式声明obj变量:

//查看结果的test函数。 函数showObject(obj) { console.log (obj); ｝ //动态字段名。 var field = "myDynamicField"; //调用动态对象的函数。 showObject((obj = {}， obj[field] = 123, obj)); / * 输出: ｛ “myDynamicField”:真的 ｝ * /

一些变化

“严格模式”解决方案:

上面的代码不能在严格模式下工作，因为没有声明变量“obj”。

// This gives the same result, but declares the global variable `this.obj`!
showObject( (this.obj = {}, obj[field] = 123, obj) );

在初始化器中使用计算属性名的ES2015代码:

// Works in most browsers, same result as the other functions.
showObject( {[field] = 123} );

这个解决方案适用于所有现代浏览器(但不适用于IE，如果我需要提及的话)

使用JSON.parse()的超级hack方式:

// Create a JSON string that is parsed instantly. Not recommended in most cases.
showObject( JSON.parse( '{"' + field +'":123}') );
// read: showObject( JSON.parse( '{"myDynamicfield":123}') );

键中允许有特殊字符

注意，还可以在计算属性名中使用空格和其他特殊字符(在JSON.parse中也是如此)。

var field = 'my dynamic field :)';
showObject( {[field] = 123} );
// result: { "my dynamic field :)": 123 }

这些字段不能使用点(obj.)访问。My dynamic field:)显然在语法上是无效的)，但只能通过括号符号，即obj[' My dynamic field:)']返回123

Yes.

Var数据= { “PropertyA”:1、 “PropertyB”:2 “PropertyC”:3 }; data["PropertyD"] = 4; //对话框中包含4 警报(data.PropertyD); 警报(数据(“PropertyD”));

最简单和最方便的方法是。

var varFieldName = "good";
var ob = {};
Object.defineProperty(ob, varFieldName , { value: "Fresh Value" });

基于# abbeing答案!

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

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};
var propertyName = "someProperty";
var propertyValue = "someValue";

:

data[propertyName] = propertyValue;

or

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

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

你可以参考:

alert(data.someProperty);

or

data(data["someProperty"]);

or

alert(data[propertyName]);

您可以使用下面的一些选项动态添加属性:

在你的例子中:

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

你可以用下面两种方式定义一个带有动态值的属性:

data.key = value;

or

data['key'] = value;

甚至，如果你的键也是动态的，你可以使用Object类定义:

Object.defineProperty(data, key, withValue(value));

其中data是对象，key是存储键名的变量，value是存储值的变量。

我希望这能有所帮助!

只是对上面的答案的补充。您可以定义一个函数来封装下面提到的defineProperty的复杂性。

var defineProp = function ( obj, key, value ){
  var config = {
    value: value,
    writable: true,
    enumerable: true,
    configurable: true
  };
  Object.defineProperty( obj, key, config );
};

//Call the method to add properties to any object
defineProp( data, "PropertyA",  1 );
defineProp( data, "PropertyB",  2 );
defineProp( data, "PropertyC",  3 );

参考:http://addyosmani.com/resources/essentialjsdesignpatterns/book/ # constructorpatternjavascript