Use a concatenated (dynamic) string as JavaScript object key?
Because "key" + test
is an expression and not an identifier nor a string literal nor a number literal, which are the only things that are allowed as the key in an object literal.
You have to use the []
notation after creating the object for such a dynamic key:
var test123 = {};
test123["key" + test] = 123;
An identifier is basically the same subset of characters that you can call a variable (letters, numbers, _
and $
; may not start with a number), and a string literal is any string enclosed with '
or "
.
So, the only types of keys you can use in an object literal are:
{
a0: true, // valid identifier
$$_: true, // same
123: true, // valid numeric literal
012: true, // same (octal)
0xf: true, // same (hex)
"@": true, // not allowed as an identifier
'0a': true // same
}
Reference: http://es5.github.com/#x11.1.5.
PropertyName :
IdentifierName
StringLiteral
NumericLiteral
With ES6, you can define dynamic keys within an object literal:
const test = "test123"
const test123 = { [`key${test}`]: 123 }; //{ keytest123: 123 }
You can but not with literal notation (pre ES6).
var test123 = {};
test123["foo" + "bar"] = 'baz';
test123.foobar === 'baz'; // true