Rules for unquoted JavaScript Object Literal Keys?

2020-01-25 02:27发布

In JavaScript, you can define an object like this:

var d = {1: 'test'};

and I can set a key with a negative number index like this:

d[-1] = 'test2';

but if I try to use a negative number in the literal initialization, I get an error:

var d = {1: 'test', -1: 'test2'};
Uncaught SyntaxError: Unexpected token -

Why is this? Why can't I use a literal negative number as a key to an object? Is there a workaround that allows me to initialize it as a literal. I know I could use strings instead, but I want to use integers.

标签: javascript
6条回答
▲ chillily
2楼-- · 2020-01-25 02:38

Its because -1 isn't a valid variable identifier.

查看更多
家丑人穷心不美
3楼-- · 2020-01-25 02:38

Change to

var d = { 1: 'test', '-1': 'test2'};

Identifiers, that are keywords or can not be a normal identifier for other reasons, can still be used if surrounded by quotes.

查看更多
来,给爷笑一个
4楼-- · 2020-01-25 02:39

I'm not sure exactly why, but you have to quote the negative number in the object initializer:

var d = {1: 'test', '-1': 'test2'};

All object keys are treated as strings internally, so you can address this key using either:

d[-1] or d['-1']
查看更多
We Are One
5楼-- · 2020-01-25 02:42

Interesting question.

The thing is, there's no difference between typing

var d = {24: 'foo'};

and

var d = {"24": 'foo'};

You can verify this by doing:

var d = {24:'foo', "24":'bar'};

Notice that it only has one "24" property (and fails in strict mode).

So while this doesn't explain why you can't do -1 without quotes, hopefully it does explain that "-1" is just as good.

Interestingly, unquoted fractional numbers seem to work fine.

Edit: Felix Kling explains why it doesn't work in a comment on another answer. -1 isn't a numeric literal, it's an expression with a numeric literal and a unary - operator -- therefore it's not suitable as an object key.

查看更多
放荡不羁爱自由
6楼-- · 2020-01-25 02:48

From Unquoted property names / object keys in JavaScript, my write-up on the subject:

Quotes can only be omitted if the property name is a numeric literal or a valid identifier name.

[…]

Bracket notation can safely be used for all property names.

[…]

Dot notation can only be used when the property name is a valid identifier name.

-1 is not a numeric literal, it’s a unary - operator followed by a numeric literal (1).

I also made a tool that will tell you if any given property name can be used without quotes and/or with dot notation. Try it at mothereff.in/js-properties.

Screenshot

查看更多
唯我独甜
7楼-- · 2020-01-25 02:57

When the key contains certain characters, you have to put it in quotes like this:

var d = {"1": 'test', "-1": 'test2'};

Here's a pretty good reference on what characters are allowed without the quoting and it has a specific section about object property declaration too: http://asenbozhilov.com/articles/identifiers-en.html#identifier_start.

查看更多
登录 后发表回答