javascriptのオブジェクトのキーの文字列が数字として判定されてしまう

Question

前提・実現したいこと

オブジェクトのキーに数値の文字列を使用したいです。
理由としては、クロームの拡張を作りたく、キーに数値の文字列を使用するのですが、数値として判定されてしまい、forがかさばって計算量が多くなってしまいます。

該当のソースコード

var obj1 = {};
obj1.atcoder = [];
obj1.atcoder['200'] = 'url';

このとき、obj1が
obj1->atcoder->'200'
となってほしいのに、
obj1->atcoder->0 ~ 200
となってしまいます。

試したこと

''じゃなく、""で囲ってみてもやはりjavascriptの文法上変わりませんでした。
数値の文字列をキーに使用すると強制的に数字として扱われてしまうのでしょうか？

Answer 1

obj1.atcoderには空配列[]が代入されていますので、これ自体は配列、つまり、Arrayオブジェクトです。Arrayオブジェクトは通常オブジェクト(ordinary object)は異なる性質を持ちます(このようなオブジェクトをexotic objectと言います)。Arrayオブジェクト特有の性質の次のようなものです。

1. lengthプロパティを持ちます。その値は0以上2^32より小さい整数です。
2. プロパティ名が0から2^32-1の整数値と等しくなる文字列はarray indexといわれ、特別な扱いとされ、整数値のように処理されます。
3. lengthはarray indexより必ず大きくなります。
4. プロパティへの代入によって最大のarray indexが変更されるとき、lengthもまた変更されます。
5. lengthへの代入によって、範囲に収まらないarray indexがあるとき、length以上のarray indexは全て削除されます
6. その他に、Arrayオブジェクトの組込インスタンスメソッドのほとんどは(必要があれば)lengthも一緒に変更します。

プロパティ名としてのarray indexは文字列であることに注意してください。しかし、上記の性質を素早く実現するために、内部では符号無し32bit整数値(numberではありません)として実装されている場合があります。

さて、JavaScriptについてもう一つ重要なことはオブジェクトのプロパティ名は文字列またはシンボルであるということです。それ以外をプロパティ名として使用しようとしても、文字列に変換してから解釈されます。つまり、a[1]とa['1']は同じです。aが配列であってもそれが変わることはありません。

ということでobj1.atcoder['200'] = 'url';はobj1.atcoder[200] = 'url';と同じです。さらにここでobj1.atcoderがArrayオブジェクトであるが故の性質が表れます。'200'はarray indexとして200と解釈され、lengthが201になるということです。

ここでfor (let i = 0; i < a.length; i++) {}やfor (let v of a) {}のような表現でループを回した場合、あたかも0から200までのインデックスがあるかのように振る舞うでしょう。なぜなら、これらは0からlength - 1までループするからです。実際にプロパティがあるのかは関係ありません。

Answer 2

理由としては、クロームの拡張を作りたく、キーに数値の文字列を使用するのですが、数値として判定されてしまい、

そんなことはありません。
String 型で格納されていますし、プロパティは "200" だけですよ。

var obj1 = {};
obj1.atcoder = [];
obj1.atcoder['200'] = 'url';

var keys = Object.keys(obj1.atcoder);
console.log(typeof keys[0], keys[0]); // "string" "200"

obj1->atcoder->0 ~ 200
となってしまいます。

列挙の仕方に問題があるのでしょう。
Array#forEach は存在しないプロパティを列挙しませんが、for-of なら Object#hasOwnProperty を併用する必要があります。

• Object.prototype.hasOwnProperty() - JavaScript | MDN
• Array.prototype.forEach() - JavaScript | MDN

Re: ganariya2525 さん

Comments

[ganariya]

forで回していた結果、数値と取られて大量にnullが出ていたようです。
Object.keysにキャストして、うまく回すことができました！

[think49]

> forで回していた結果、数値と取られて大量にnullが出ていたようです。
for文で回そうが何で回そうが、オブジェクトのプロパティの型は変わりません。
そして、for 文は配列を列挙する機能がありませんので、ご自身で列挙するコードを書いていたことになります。
つまり、書いてあるコードに問題があるのであって、for 文が問題なのではありません。
例えば、
for (var i = 0, len = array.length; i < len; ++i)
というコードを書いたなら、0-200のindexを列挙するのは当然の事です。そのようにコードを書いているのですから。
i がNumber型なのは、自分で変数 i を Number 型の変数として定義したからです。
そこから、存在するプロパティのみに限定するには、Object.prototype.hasOwnProperty を使います。

> Object.keysにキャストして、うまく回すことができました！
Object.keys はプロパティを列挙するのみで、キャストしません。