JavaScript 目次 - ray88’s diary JavaScript Arrayオブジェクト・配列を取り扱う - ray88’s diary JavaScript Arrayオブジェクトの主なメンバー - ray88’s diary ■アクセサメソッドとlnegthプロパティの使用例 function myFunction(){ const array = ['Bob'…

JavaScript 目次 - ray88’s diary JavaScript Arrayオブジェクト・配列を取り扱う - ray88’s diary JavaScript Arrayオブジェクトのアクセサメソッド・プロパティ - ray88’s diary ■主なメンバ table { border-collapse: collapse; } th { border: solid 1px…

JavaScript 目次 - ray88’s diary JavaScript Arrayオブジェクトの主なメンバー - ray88’s diary JavaScript Arrayオブジェクトのアクセサメソッド・プロパティ - ray88’s diary ■Arrayオブジェクト 配列を取り扱うオブジェクト。new演算子によりインスタン…

JavaScript 目次 - ray88’s diary JavaScript Stringオブジェクト - ray88’s diary JavaScript Stringオブジェクトのメソッドとプロパティ - ray88’s diary ■IndexOfメソッドとlastIndexOfメソッド ・文字列に対して引数で指定した部分文字列を検索する ・指…

JavaScript 目次 - ray88’s diary JavaScript Stringオブジェクト - ray88’s diary JavaScript 文字列内を検索する・IndexOfメソッドとlastIndexOfメソッド・includesメソッド - ray88’s diary ■Stringオブジェクトのメンバー function myFunction(){ let st…

JavaScript 目次 - ray88’s diary JavaScript Stringオブジェクトのメソッドとプロパティ - ray88’s diary JavaScript 文字列内を検索する・IndexOfメソッドとlastIndexOfメソッド・includesメソッド - ■Stringオブジェクト ・文字列を取り扱うラッパーオブ…

JavaScript 目次 - ray88’s diary JavaScript Numberオブジェクト - ray88’s diary function myFunction(){ const x = 1000 / 3 //const x = 4 console.log(x.toString()); //333.3333333333333 console.log(x.toExponential(4));3.3333e+2 console.log(x.to…

table { border-collapse: collapse; } th { border: solid 1px #666666; color: #000000; background-color: #FCF9F9; } td { border: solid 1px #666666; color: #000000; background-color: #ffffff; } thead th { background-color: #C1BCBC; } JavaScri…

JavaScript 目次 - ray88’s diary ■組み込みオブジェクトのインスタンス化 ・組み込みオブジェクトのクラスなので実際に利用する場合は インスタンス化するのが基本的な考え方 ・組み込みオブジェクト名 = クラス名 なので以下の様にしてインスタンスを生成…

JavaScript 目次 - ray88’s diary ■組み込みオブジェクト クラスは自らで定義できるが、JavaScriptにおいてよく利用される基本的なクラスが予め用意されている。 標準で組み込まれているクラスを組み込みオブジェクト、または標準ビルドインオブジェクトとい…

JavaScript 目次 - ray88’s diary ■プロトタイプメソッドの変更 静的メンバーの追加の方法を応用し、class文によるクラス定義の後に プロトタイプメソッドの変更をすることが可能。 以下の様に配下にprototypeプロパティ配下のメソッドを変更する。 【構文】…

JavaScript 目次 - ray88’s diary ■静的メンバー クラスに定義するメンバーにはインスタンスに対して使用するのではなく、 インスタンス化しなくても直接的に使用できるプロパティおよびメソッドを 定義することができ、それぞれ静的プロパティ、静的メソッ…

JavaScript 目次 - ray88’s diary ・生成したインスタンスについてはメンバー変更可能。 すなわちメソッド変更も可能。 ・生成したインスタンスへのメソッドへ項は、インスタンスの メソッドを直接的に変更するもので クラスのprototypeプロパティに 変更を…

JavaScript 目次 - ray88’s diary ■プロトタイプ プロトタイプはインスタンスからクラスのメソッドを参照できる仕組みのこと。 ※新たなインスタンスを生成するごとにメモリ上にその分のデータを保存する領域は 異なる。プロパティは生成されたインスタンスご…

JavaScript 目次 - ray88’s diary ■クラスから生成したインスタンスにメソッドを持たせるためには クラスの定義にメソッド定義を含める 【構文】 メソッド(仮引数1,仮引数2,･･･){ //処理 } ※クラスのメソッド定義内でもthisキーワードを用いることができ、そ…

JavaScript 目次 - ray88’s diary ■インスタンスのメンバーの変更・追加 ・クラスから生成したインスタンスはオブジェクトなので、個別にメンバーの値の変更やメンバーの追加が可能 ・JavaScriptの場合、インスタンスは個別にメンバーの変更が可能なため、ク…

JavaScript 目次 - ray88’s diary ■クラス クラスとはどのようなプロパティやメソッドをインスタンスに持たせるかを定義したもの ■コンストラクタ ・クラスにプロパティを定義するにはコンストラクタという特別な関数を使用する ・コンストラクタはクラスを…

JavaScript 目次 - ray88’s diary ・クラス：オブジェクトの特性を定義する雛形のこと ・インスタンス化：クラスを元にしてオブジェクトを生成すること ・インスタンス：インスタンス化により生成されたオブジェクトのこと■new演算子 クラスをインスタンス化…

JavaScript 目次 - ray88’s diary JavaScript メソッド - ray88’s diary JavaScript メソッドの代入・追加 - ray88’s diary ■メソッド定義の簡略化 オブジェクトのメソッド追加について、従来の関数リテラルを使用すると コード量が増え見づらくなりがちなた…

JavaScript 目次 - ray88’s diary JavaScript メソッド - ray88’s diary JavaScript メソッド定義の簡略化 - ray88’s diary ■メソッドの代入・追加 ・プロパティと同様にメソッドも以下の様に代入できる ・オブジェクトに存在しないメソッドを代入すると、メ…

JavaScript 目次 - ray88’s diary JavaScript メソッドの代入・追加 - ray88’s diary JavaScript メソッド定義の簡略化 - ray88’s diary ■オブジェクト ・オブジェクトとプロパティ値の組み合わせの集合 ・オブジェクトは「情報」としてのプロパティだけでな…

JavaScript 目次 - ray88’s diary ■変数を宣言する際のキーワード「var」と「let」について 【var】 varは古いバージョンのJavaScriptで使用されてきた変数宣言方法。 varで宣言された変数は、グローバルスコープまたは関数スコープで利用可能。 ブロックス…

JavaScript 目次 - ray88’s diary JavaScript グローバル領域 - ray88’s diary javaScript スコープとその種類 - ray88’s diary■ブロック：ステートメントをグループ化したもの ※varキーワードにより宣言された変数はブロックスコープをもつことができない。…

JavaScript 目次 - ray88’s diary ■スコープの種類・グローバルスコープ：プロジェクト全体から参照できる ・ローカルスコープ：特定の範囲のみから参照できる ・関数スコープ：宣言された関数の内部からのみ参照できる ・ブロックスコープ：宣言されたブロ…

JavaScript 目次 - ray88’s diary ■グローバル領域 どの関数にも属さない領域にステートメントを記述することができ、 この領域をグローバル領域という プロジェクトに含まれるいずれかの関数が呼び出されると、 呼び出された関数より先にグローバル領域に記…