I am building some objects in JavaScript and pushing those objects into an array, I am storing the key I want to use in a variable then creating my objects like so:
var key = "happyCount"; myArray.push( { key : someValueArray } ); but when I try to examine my array of objects for every object the key is "key" instead of the value of the variable key. Is there any way to set the value of the key from a variable?
Fiddle for better explanation: http://jsfiddle.net/Fr6eY/3/
You need to make the object first, then use [] to set it.
var key = "happyCount"; var obj = {}; obj[key] = someValueArray; myArray.push(obj); UPDATE 2021:
Computed property names feature was introduced in ECMAScript 2015 (ES6) that allows you to dynamically compute the names of the object properties in JavaScript object literal notation.
const yourKeyVariable = "happyCount"; const someValueArray= [...]; const obj = { [yourKeyVariable]: someValueArray, } 
{[key]:someValueArray}
Computed property nameIn ES6, you can do like this.
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"}Its called Computed Property Names, its implemented using bracket notation( square brackets) []
Example: { [variableName] : someValue }
Starting with ECMAScript 2015, the object initializer syntax also supports computed property names. That allows you to put an expression in brackets [], that will be computed and used as the property name.
For ES5, try something like this
var yourObject = {}; yourObject[yourKey] = "yourValue"; console.log(yourObject ); example:
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"}
The problem in JS is simply that:
{ x: 2 } is THE SAME as:
{ "x": 2 } (even if you have x a variable defined!)
Add square brackets [] around the identifier of the key:
var key = "happyCount"; myArray.push( { [key] : someValueArray } );(Nowadays the keyword var is not much used, so please use instead const or let)
In ES6 We can write objects like this
const key= "Name"; const values = "RJK" const obj = { [key]: values, } 
var key = "happyCount"; myArray.push( { [key] : someValueArray } ); Use this.
var key = 'a' var val = 'b' console.log({[key]:val}) //a:'b' Given
var key = "happyCount"; const someValueArray= [1, 3, 5, 7]; To use key as is:
myArray.push({ [key]: someValueArray }); To use key with some other prefix or suffix:
myArray.push({ [`${key}Array`]: someValueArray }); Source: Computed property names
In TypeScript, it should look something like this
let title ="Current User"; type User = { [key:string | number | symbol]: any }; let myVar: User = {}; myVar[ title ] = "App Developer"; console.log(myVar)// Prints: { Current User:"App Developer"} 
let key = "name"; let name= "john"; const obj ={ id:01 } obj[key] = name; console.log(obj); // output will {id:01,name:"john} Use square brackets shown it will set as key
var key = "happyCount"; myArray.push({ [key]: someValueArray });