Rules for unquoted JavaScript Object Literal Keys?

邮差的信 提交于 2019-12-17 05:12:08

问题


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.


回答1:


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.




回答2:


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.




回答3:


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




回答4:


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.




回答5:


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']



回答6:


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.



来源:https://stackoverflow.com/questions/9367572/rules-for-unquoted-javascript-object-literal-keys

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!