概要 「オブジェクトのプロパティ名」と「設定する変数名」が同じ場合、省略することが可能。 省略記法を使用しない場合 省略記法を使用しない場合は以下のようになります。 const name = "田中"; const age = 20; // ユーザーオブジェクトを定義 const user…

概要 スプレッド構文は配列やオブジェクトに対して使える記法で、要素の展開、要素をまとめる、要素のコピー・結合が出来ます。 以下よりそれぞれで出来ることや注意点を記載していきます。 要素の展開 スプレッド構文は、...(ドットを3つ)繋げて使用するこ…

概要 デフォルト値は関数の引数やオブジェクトの分割代入時に使います。 値が存在しないときのデフォルト値の設定をします。 引数のデフォルト値 JavaScriptでは値が存在しない場合に、デフォルト値が設定されていないとundefinedとなるため以下のようになり…

概要 分割代入とは、オブジェクトや配列から値を抽出する方法のことです。 配列から値を取り出して、あるいはオブジェクトからプロパティを取り出すことが可能となっています。 また、別個の変数に代入することも可能にします。 以下より、分割代入を使用し…

概要 アロー関数はES2015で追加された関数の記法。 従来の関数 従来はfunctionという記述をしてから関数名、引数、処理内容を記述するという記法をしていました。 function func1(value) { return value; }; console.log(func1("func1です。")); //func1です…

概要 テンプレート文字列は、文字列の中で変数を展開する新しい記法。 以下より従来の文字列と変数の結合と、テンプレート文字列の記法を記載していきます。 従来の文字列と変数の結合方法 文字列と変数の結合のために + を使用します。 const name = "田中"…

概要 変数宣言とはプログラムを実行する際に、繰り返し利用できるように文字や数値の入れる箱に名前を付けて宣言すること。 変数を宣言するときはvar let const の3種類を使用します。 従来のJavaScriptではvarを使用していたのですが、上書き可能であること…