なぜ配列は任意の文字列を添字にできるのか

Question

配列は0始まりで数値のインデックスを付けられますが、配列の添字に文字列を使用してもエラーにはなりませんでした。以下のようなプログラムです。

let array = ["data1", "data2", "data3"];
array["anystring"] = "data0";
console.log(array.anystring); // data0
console.log(array); // ['data1', 'data2', 'data3', anystring: 'data0']
console.log(array.length); // 3

まず、この時点でエラーが出ないことが疑問です。配列なのに連想配列として使えるのは納得できません。
MDNもみましたが、そこには「JavaScriptの配列は連想配列ではありません」とはっきりと書かれており、ページ内には私が疑問に思っていることが書かれていないのです。
どなたか、配列で連想配列としての機能が使える理由を教えていただけませんでしょうか？

Comments

[hoshi-takanori]

JavaScript では配列や関数もオブジェクトで、実は任意のプロパティを追加できるし、例えば map などのメソッドの上書きもできるような。(要出典)

[m.ts10806]

概念とか仕様の話なので、MDNに書かれている以上の情報が出てくることはないような。
ひとまず、連想配列ではなく、実はプロパティというのが答えのように思いますが。。

Answer 1

すでにあるようにArrayはObjectだからですね
オブジェクトである以上プロパティを持てるのは仕様です

const a=[];
console.log(a instanceof Array); // true
console.log(a instanceof Object); // true

この場合イテラブルな配列の性質とそうではないオブジェクトの性質が両方あるので参照の仕方によって得られる値が変わってきます

const a=[1,2,3];
a.test=100;
for(let i of a) console.log(i); // 1 2 3
for(let i in a) console.log(a[i]); // 1 2 3 100

Comments

[ypp]

なんとな～く、理解できました。

Answer 2

配列なのに連想配列として使えるのは納得できません。

Array は Objectを継承するよう規格で決められていますので、配列オブジェクトを連想配列として利用することは可能です。納得いかなくてもそういう規格なので受け入れてください。

「JavaScriptの配列は連想配列ではありません」

おそらく、配列リテラル内の項目や Array のメソッドで追加した項目など、通常の配列操作でできた項目は連想配列とは扱いが違うよ、と言いたいんじゃないでしょうか。

Comments

[ypp]

なんとな～く、理解できました。