JavaScriptのオブジェクトに関して

トモジのアイコン画像トモジ

オブジェクトって何?
詳しく知りたい・・・

本記事は、
上記のような方に向けて記事を書いています。

こんにちは、トモジです。

私はプログラミング未経験から独学で勉強して、
簡易的な動的サイト・ゲーム・サービスが作れる状態になりました。

本記事は、オブジェクトに関して要点をわかりやすく説明しております。

記事の内容

1.JavaScriptのオブジェクト

オブジェクトとは、
プログラミングでとても重要な考え方になり
色々な情報にアクセスする事が可能になります。

まずは、連想配列とオブジェクトの違いについて
見ていきましょう。

連想配列とオブジェクトの違い

JavaScriptの連想配列とオブジェクトは、
名前をキーにアクセスできる配列ですが
連想配列とオブジェクトのイメージに
少し違いがあります。

連想配列
  • 複数用の集合体

オブジェクト
  • モノを表現するための、
    複数の属性情報
連想配列の説明図
オブジェクトの説明図

プロパティとメソッドに関して

オブジェクトの中身の構成は、
プロパティメソッドになります。
次は、プロパティやメソッドが
どのような意味なのかについて見ていきましょう。

プロパティ
メソッド
  • モノの状態や属性を
    表すための情報
  • モノを操作するための情報
プロパティとメソッドに関しての説明図

そして、オブジェクトを中心にコードを
組み立てていくことをオブジェクト指向と呼び
以下の言語類は、オブジェクト指向型の
一部になります。

オブジェクト指向型言語(有名所の一部)

C++ / C# / Java / PHP / Python / Ruby / JavaScript / Swift / Kotlin など

2.オブジェクトの利用

オブジェクトは、複数アプリから異なる目的で
データを書き込めないようにするために
オブジェクトを複製したコピーを作り、
そのコピーを操作する仕組みになります。

ちなみに、オブジェクトを複製する事を
インスタンス化と呼び
インスタンス化によってできた複製を
インスタンスと呼びます。

オブジェクトのインスタンスに関しての説明図

new演算子の意味と記述方法

new演算子とは、オブジェクトを
インスタンス化する時に利用する演算子になり
記述方法は、new演算子でオブジェクト名を
記述して変数に代入する形になります。

new演算子の記述方法の説明図

3.組み込みオブジェクト

組み込みオブジェクトとは、JavaScriptに
標準で組み込まれたオブジェクト類になります。

オブジェクト概要
Object全てのオブジェクトのひな形
String文字列を操作するための機能
Number数値を操作するための機能
Math数値演算を実行するための機能
Array配列を操作するための機能
Map連想配列を操作するための機能
Set一意な値の集合を管理する機能
Date日付を操作するための機能
RegExp正規表現に関わる機能
Global基本機能にアクセスする機能
Promise非同期処理を実行する機能

まとめ

最後にこの記事のポイントをまとめておきます。

まとめ

連想配列とオブジェクトの違い

連想配列

  • 連想配列は複数用の集合体

オブジェクト

  • 1つのモノを表現するための、
    複数の属性情報

プロパティとメソッドの意味

プロパティ

  • モノの状態や属性を表すための情報

メソッド

  • モノを操作するための情報

オブジェクトの利用

new演算子でオブジェクトをインスタンス化

  • インスタンス化
    [オブジェクトを複製する事]

  • インスタンス
    [インスタンス化によってできた複製]
記事の内容
閉じる