Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Javascript: why Object.keys(someobject), rather than someobject.keys?

I frequently get an array of an objects keys using:

Object.keys(someobject)

I'm comfortable doing this. I understand that Object is the Object constructor function, and keys() is a method of it, and that keys() will return a list of keys on whatever object is given as the first parameter. My question is not how to get the keys of an object - please do not reply with non-answers explaining this.

My question is, why isn't there a more predictable keys() or getKeys() method, or keys instance variable available on Object.prototype, so I can have:

someobject.keys()

or as an instance variable:

someobject.keys

And return the array of keys?

Again, my intention is to understand the design of Javascript, and what purpose the somewhat unintuitive mechanism of fetching keys serves. I don't need help getting keys.

like image 712
mikemaccana Avatar asked Aug 12 '12 13:08

mikemaccana


People also ask

Why do we use object keys?

keys() Method: The Object. keys() method is used to return an array whose elements are strings corresponding to the enumerable properties found directly upon an object. The ordering of the properties is the same as that given by the object manually in a loop is applied to the properties.

Should JavaScript object keys be strings?

JavaScript object key names must adhere to some restrictions to be valid. Key names must either be strings or valid identifier or variable names (i.e. special characters such as - are not allowed in key names that are not strings).

Is object key case sensitive?

While object properties are strings and they are case sensitive, you could use an own standard and use only lower case letters for the access. You could apply a String#toLowerCase to the key and use a function as wrapper for the access.

Do JS object keys need quotes?

Unless an object key is a numeric literal or a valid identifier name, you need to quote it to avoid a syntax error from being thrown. In other words, quotes can only be omitted if the property name is a numeric literal or a valid identifier name.


2 Answers

I suppose they don't want too many properties on Object.prototype since your own properties could shadow them.

The more they include, the greater the chance for conflict.


It would be very clumsy to get the keys for this object if keys was on the prototype...

var myObj: {
   keys: ["j498fhfhdl89", "1084jnmzbhgi84", "jf03jbbop021gd"]
};

var keys = Object.prototype.keys.call(myObj);

An example of how introducing potentially shadowed properties can break code.

There seems to be some confusion as to why it's a big deal to add new properties to Object.prototype.

It's not at all difficult to conceive of a bit of code in existence that looks like this...

if (someObject.keys) {
    someObject.keys.push("new value")
else
    someObject.keys = ["initial value"]

Clearly this code would break if you add a keys function to Object.prototype. The fact that someObject.keys would now be a shadowing property breaks the code that is written to assume that it is not a shadowing property.


Hindsight is 20/20

If you're wondering why keys wasn't part of the original language, so that people would at least be accustomed to coding around it... well I guess they didn't find it necessary, or simply didn't think of it.

There are many possible methods and syntax features that aren't included in the language. That's why we have revisions to the specification, in order to add new features. For example, Array.prototype.forEach is a late addition. But they could add it to Array.prototype, because it doesn't break proper uses of Array.

It's not a realistic expectation that a language should include every possible feature in its 1.0 release.

Since Object.keys does nothing more than return an Array of an Object's enumerable own properties, it's a non-essential addition, that could be achieved with existing language features. It should be no surprise that it wasn't present earlier.


Conclusion

Adding keys to Object.prototype most certainly would break legacy code.

In a tremendously popular language like JavaScript, backward compatibility is most certainly going to be an important consideration. Adding new properties to Object.prototype at this point could prove to be disastrous.

like image 90
5 revsuser1106925 Avatar answered Oct 30 '22 06:10

5 revsuser1106925


I guess an answer to your question is "Because the committee decided so", but I can already hear you ask "why?" before the end of this sentence.

I read about this recently but I can't find the source right now. What it boiled down to was that in many cases you had to use Object.prototype.keys.call(myobject) anyway, because the likelihood of myobject.keys already being used in the object for something else.

I think you will find this archived mail thread interesting, where for example Brendan Eich discuss some aspects of the new methods in ECMAScript 5.

Update: While digging in the mail-archive I found this:

Topic: Should Object.keys be repositioned as Object.prototype.keys

Discussion: Allen argued that this isn't really a meta layer operation as it is intended for use in application layer code as an alternative to for..in for getting a list of enumerable property names. As a application layer method it belongs on Object.prototype rather than on the Object constructor. There was general agreement in principle, but it was pragmatically argued by Doug and Mark that it is too likely that a user defined object would define its own property named "keys" which would shadow Object.prototype.keys making it inaccessible for use on such objects.

Action: Leave it as Object.keys.

like image 31
some Avatar answered Oct 30 '22 07:10

some