【JavaScript】「オブジェクト」という言葉が指すもの

Question

質問したいこと

JavaScriptでは、連想配列はオブジェクトなのですか？？

「スラスラ読めるJavaScriptふりがなプログラミング」という本のなかで、
「JavaScriptではオブジェクトは色々な使い方ができます。ここでは複数のデータを記録する便利な容れ物として使う方法を説明します」
という一文とともに、

変数 = { prop1 : 値A, props : 値B }
訳：オブジェクト{ プロパティ「prop1」と値A、プロパティ「prop2」と値B}　を変数に入れよ

let data = {name:'山本', bill:40000,}
console.log(data['name']);
console.log(data['bill']);

という例文が出てきたのですが、上記の例文はPHPでいうところの連想配列に見えます。

PHPでは連想配列とオブジェクトは別ものだという認識でいたので、ちょっと混乱しています。
PHPでいうオブジェクトは、定義したクラスのことで、その中にあるものはプロパティであり、プロパティは連想配列っぽい書き方はしますが、連想配列とは別物という認識です。（呼び出し方も違いますし）
参考）
https://coinbaby8.com/different-between-object-and-array.html

JavaScriptでは、クラスの概念というものは無いにも関わらず「オブジェクト」という言葉が出てきて、
かつそれが指すものは、プロパティやメソッドを持つものなら何でもオブジェクトで、
呼び出すときは、PHPでの連想配列での呼び出し方っぽい書き方でできる、ということでしょうか。

知見がお有りの方、どうぞ宜しくお願いいたします。

Comments

[Zuishin]

「オブジェクト」という言葉は複数の概念を指します。

まず一つは第一級オブジェクト
https://ja.wikipedia.org/wiki/%E7%AC%AC%E4%B8%80%E7%B4%9A%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88

次にオブジェクト指向のオブジェクト
https://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_(%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0)

そして JavaScript のオブジェクト
https://www.ecma-international.org/ecma-262/11.0/index.html#sec-objects

JavaScript の公式情報において「オブジェクト」と言えば三番目の物を指し、また質問で引用されている部分も三番目の物を指しています。

翻ってあなたの言う「オブジェクト」は、おそらく二番目のものを指していますね？
つまり、違うものを同じ言葉で呼んでいるために混乱が生じているのです。

JavaScript のオブジェクトは連想配列の性質を併せ持ち、かつてはこれが専ら連想配列として用いられ、また非公式に連想配列と呼ばれてきました。しかし、連想配列としてのオブジェクトにはいくつか欠陥があるため、現在では本格的な連想配列として使用されることを前提に設計された Map というオブジェクトが存在します。場面にもよりますが、どちらを使うか迷った場合には Map を使うべきでしょう。

ちなみに、プリミティブ型の値は一番目と二番目のオブジェクトには含まれますが、三番目のオブジェクトには含まれません。

[Zuishin]

なお、オブジェクトが連想配列の機能を持つようになった経緯は、私の推測でしかありませんが、かつての JavaScript は簡単な用途にしか用いられない簡易言語として開発されたため、連想配列の便利さを手軽に使えるようオブジェクトに統合したのではないかと思います。

Answer 1

何をもって、質問者さんがオブジェクトと指しているかによりますが、
JavaScriptにおいては、
プリミティブ値も厳密に言えばオブジェクトです。
なぜなら、
数値も、文字列も、論理値なども、プロパティもメソッドも持ち合わせるからです。
↑すみません、語弊がありました。
確かにメソッドを実行することはできますが、
あくまで、値であり、宣言以降は、値自体は不変です。
例えば、下記のようにした際、

let str = 'hoge';
str.replace('h', '');
console.log(str); // hoge

となり、値自体は不変です。
（str = str.replace('h', '');と、再代入した場合は、当然値が変わる）

ただし、これは、JavaScriptにおけるオブジェクトデータ型ではない、ということです。
値を返すメソッドを実行できる時点で、
オブジェクト指向においてのオブジェクトとは言えるということです。
（なので、質問者さんが何を持ってオブジェクトと指しているかによる、と前段の記載になりました）

クラスの概念というものは無いにも関わらず「オブジェクト」という言葉が出てきて、

クラスという概念はありませんが、
（糖衣構文でクラスはある）
プロトタイプではあります。
JavaScriptは、プロトタイプベースのオブジェクト指向言語なので、
オブジェクト指向です。
なので、オブジェクトを中心に処理することは変わりありません。
なので、上記のように、プリミティブな値も含めてオブジェクトと成り得ます。

必ずしも、
クラスがある = オブジェクト指向
ではない、ということは覚えておいた方がいいでしょう。

クラスを使う言語は、
クラスベースのオブジェクト指向言語というくくりになります。

余談

クラス構文をプロトタイプの糖衣としている、JavaScriptは、クラス宣言をした際、それがそのままインスタンスオブジェクトとなるのが特徴です。
（クラス宣言をした時点で、内部的には、プロトタイプ宣言なので、Funtionプロトタイプのインスタンスとなる）
Rubyのように、クラスベースであっても、宣言した際に、クラスオブジェクトとして扱える言語はいくつか存在していますが、
多くのクラスベース言語では、スタティックなプロパティやメソッドがない場合は、インスタンス化をしないと、
基本的には、プロパティにアクセスや、メソッドを実行などのインスタンスオブジェクト的扱いをすることができません。

Comments

[maisumakun]

> クラス宣言をした際、それが即時オブジェクトとなる

このあたりはどういう意味でしょうか。たとえば、クラスベースのRubyでもクラスそのものをClassオブジェクトのインスタンスとして扱うことが可能です。

[miyabi_pudding]

> このあたりはどういう意味でしょうか。たとえば、クラスベースのRubyでもクラスそのものをClassオブジェクトのインスタンスとして扱うことが可能です。

ご指摘ありがとうございます。
知識不足でした。
回答を修正します。

[hentaiman]

> プリミティブ値も厳密に言えばオブジェクトです。
厳密にはという事で、質問者の為の補足リンク
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_Types
https://developer.mozilla.org/ja/docs/Glossary/String

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Comparison_Operators

[miyabi_pudding]

hentaimanさん >
補足ありがとうございます。
回答しといてなんですが自信なくなってきてます　汗

[hentaiman]

記載したリンク先によると、「プリミティブラッパーオブジェクト」というご機嫌な単語が定義されているようです

Answer 2

JavaScriptでは、連想配列はオブジェクトなのですか？？

はい。オブジェクトです。
JavaScriptではオブジェクトの性質を利用して連想配列の動きを実現しているので、連想配列はオブジェクトの別の呼び名と言っていいでしょう。

たとえば連想配列の値に関数を格納すればそれはクラス指向のOOPにおけるメソッドのように振る舞います。

var obj = {
  val: 0,
  hoge_method: function() { this.val++; }
}
console.log( obj.val ); // → 0
obj.hoge_method();
console.log( obj.val ); // → 1

たとえばクラス指向のOOP風に作成したオブジェクトでも、連想配列風の参照をすることができます。

class HogeClass {
	constructor() { this.val = 1; }
}
var obj = new HogeClass();
console.log( obj["val"] ); // → 1

Answer 3

JavaScriptでは、クラスの概念というものは無いにも関わらず「オブジェクト」という言葉が出てきて

今は「クラス」という書き方も登場しています。{}でシンプルなオブジェクトを作ることに関しては健在です。

プロパティやメソッドを持つものなら何でもオブジェクトで、呼び出すときは、PHPでの連想配列での呼び出し方っぽい書き方でできる

そうですね。ただし、オブジェクトをそのまま連想配列的に使おうとすると、toStringや__proto__といった一部のキーはJavaScript側で処理を予約しているので、うまく動きません。Mapという連想配列専用のオブジェクトが別にあって、こちらは文字列以外もキーにできます。