Valid property names, property assignment and access in JavaScript

Question

Updated Question

What, exactly, qualifies as a valid property name in Javascript? How do various methods of property assignment differ? And how does the property n

Answer 1

Answer for 1st question:

Yes, the statement given in the MDN guide is not 100% accurate, but in your daily work it'd be better to follow it as rule. You really don't need to create properties names which are numbers.

Answer for 2nd question:

A property name may not start with a digit but a property name that is a number without any other characters in its name is fine.

This exception exists because the properties with number for name as the same as indexes.

Let's try this:

var obj = {7: "abc"};
obj[7]; // works fine
obj.7; // gives an error (SyntaxError)

Now try to call Array.push on the object and observe what happens:

Array.prototype.push.call(obj, "xyz");
console.log(obj);
console.log(obj[0]);

// Prints
Object {0: "xyz", 7: "abc", length: 1}
"xyz"

You can see that few new properties (one with name 0 and another with name length) have been added to the object. Moreover, you can use the object as an array:

var obj = { "0": "abc", "1": "xyz", length: 2 };

Array.prototype.pop.call(obj); // Returns: "xyz"
Array.prototype.pop.call(obj); // Returns: "abc"

You can use array's methods on objects and this is called Duck Typing.

Arrays are nothing more than objects with some predefined methods.

From MDN:

Array elements are object properties in the same way that length is a property, but trying to access an element of an array with dot notation throws a syntax error, because the property name is not valid. There is nothing special about JavaScript arrays and the properties that cause this. JavaScript properties that begin with a digit cannot be referenced with dot notation and must be accessed using bracket notation.

Now you can understand why a number for property name is valid. These are called just indexes and they are used in JavaScript arrays. And since JavaScript needs to be consistent with other languages, numbers are valid for indexes/properties names.

Hope this makes it clear.

Here are some interesting articles:

• JavaScript identifiers (in ECMAScript 5)
• JavaScript identifiers (in ECMAScript 6)