JavaScript set object key by variable

javascript

2022-08-29 22:00:32

我正在用JavaScript构建一些对象并将这些对象推送到数组中，我将要使用的键存储在变量中，然后创建我的对象，如下所示：

var key = "happyCount";
myArray.push( { key : someValueArray } );

但是当我尝试检查每个对象的对象数组时，键而不是变量键的值。有没有办法从变量设置键的值？"key"

小提琴以获得更好的解释：http://jsfiddle.net/Fr6eY/3/

答案 1

您需要先创建对象，然后使用来设置它。[]

var key = "happyCount";
var obj = {};

obj[key] = someValueArray;
myArray.push(obj);

2021年更新：

ECMAScript 2015 （ES6）中引入了计算属性名称功能，它允许您以 JavaScript 对象文本表示法动态计算对象属性的名称。

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

答案 2

在ES6中，你可以这样做。

var key = "name";
var person = {[key]:"John"}; // same as var person = {"name" : "John"}
console.log(person); // should print  Object { name="John"}

    var key = "name";
    var person = {[key]:"John"};
    console.log(person); // should print  Object { name="John"}

它被称为计算属性名称，它使用括号表示法（方括号）实现[]

例：{ [variableName] : someValue }

从 ECMAScript 2015 开始，对象初始值设定项语法还支持计算属性名称。这允许您将表达式放在括号 [] 中，该表达式将被计算并用作属性名称。

对于 ES5，请尝试类似如下的方法

var yourObject = {};

yourObject[yourKey] = "yourValue";

console.log(yourObject );

例：

var person = {};
var key = "name";

person[key] /* this is same as person.name */ = "John";

console.log(person); // should print  Object { name="John"}

    var person = {};
    var key = "name";
    
    person[key] /* this is same as person.name */ = "John";
    
    console.log(person); // should print  Object { name="John"}