初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

9章オブジェクトとオブジェクト指向プログラミング

「3章 変数、定数、リテラル、データ型」でJavaScriptのオブジェクトに関する基本的な事柄を説明しましたが、この章でより詳しく説明していきます。

配列もオブジェクトも「コンテナ」と呼ばれますが、配列とオブジェクトにはおもに次の2つの違いがあります。

• 配列には値が含まれ、添字として指定する数字で要素にアクセスする。オブジェクトにはプロパティがあり、文字列あるいはシンボルを使って要素にアクセスする。
• 配列の要素には順序がある（arr[0]がarr[1]の前）。オブジェクトのプロパティには順序がない（obj.aがobj.bの前に来るといったことは保証できない）。

ではまず、オブジェクトの特徴であるプロパティについて見ていきましょう。オブジェクトのプロパティは「キー（文字列あるいはシンボル）」と「値」からなります。

9.1　プロパティの列挙

一般的に言って、コンテナに入っているものを一覧としてリスト（列挙）したい場合はオブジェクトではなく配列を使うほうがよいでしょう。しかしオブジェクトもコンテナでありプロパティを列挙することもできます。ただし少し複雑になります。

プロパティを列挙する際にまず覚えておかなければならないのは、順番がいつも同じになるとはかぎらないことです。多くの場合、一定の規則に基づいて列挙されるように見えますが、順序をJavaScriptが保証してくれるわけではありません。このため、ブラウザが変わったり、サーバーで実行したりすればその順番が変わってしまう可能性があります。

この点に注意しつつ、オブジェクトのプロパティを列挙する方法を見ていきましょう。

9.1.1　for...in

オブジェクトのプロパティの処理に従来から使われているものに ...