ドキュメント : JavaScript
-
【JavaScript】for-in文 / 連想配列 - 繰り返し処理(連想配列の繰り返し)
JavaScriptのfor-in文をご紹介します。for-in文for-in文は連想配列から値を1つずつ取り出す繰り返し処理です。for文でも同様の処理を実現できますが、連想配列の値の数だけ繰り返したい場合は、for-in文が適しています。基本構文for( const 変数 in 連想配列 ) { // 処理.......}処理順序for-of文の処理の順序は次のようになります。連想配列か
-
【JavaScript】break文 - 繰り返し処理や分岐処理の中断(for/for-of/for-in/while/do-while/switch)
JavaScriptのbreak文をご紹介します。break文break文は繰り返し処理や分岐処理を中断する記法です。for文、for-of文、for-in文、while文、do-while文、switch文のブロック(波括弧{})で使うことができます。基本構文breakプログラムの実行がbreakに到達すると、一番近いブロックの処理を中断します。サンプルコードfor文for( let i = 0
-
【JavaScript】continue文 - 繰り返し処理のスキップ(for/for-of/for-in/while/do-while)
JavaScriptのcontinue文をご紹介します。continue文continue文は繰り返し処理で次の繰り返しにスキップする記法です。for文、for-of文、for-in文、while文、do-while文のブロック(波括弧{})で使うことができます。基本構文continueプログラムの実行がcontinueに到達すると、以降のブロック処理を中断し、次の繰り返し処理を行ないます。サンプ
-
-
【JavaScript】関数 - 一連の処理をまとめる
JavaScriptの関数をご紹介します。関数関数は『処理のまとまり』です。関数は定義のみでは、処理が行われず『関数の呼び出し』によって実行します。基本構文関数は定義と呼び出しがあります。定義function 関数名() { // 処理........}関数名は自由に決めることできますが、変数名と同様に次のルールを満たす必要があります。アルファベット(大文字/小文字)、アンダーバー(_)、数
-
【JavaScript】引数 - 関数に値を与える
JavaScriptの引数をご紹介します。引数引数は関数の呼び出し時に値を与える仕組みです。引数を使うと柔軟なプログラムを組むことができます。基本構文関数の定義と呼び出しに引数に関する定義を記述します。定義function 関数名( 引数変数名 ) { // 処理........}関数の呼び出し時に与えた値を記憶する引数変数を丸括弧(())の中に定義します。複数ある場合はカンマ(,)区切りで
-
-
-
【JavaScript】戻り値 - 関数で値を返す
JavaScriptの戻り値をご紹介します。戻り値戻り値は関数の処理結果を呼び出し元に返す仕組みです。基本構文戻り値は関数のブロック内に定義します。function 関数名( 引数変数 ) { // 処理........ return 戻り値;}return 戻り値;の部分が戻り値の定義です。1つの関数に複数の戻り値を定義することができます。戻り値がないreturn;のみも可能です。そ
-
【JavaScript】無名関数 - 名前のない関数
JavaScriptの無名関数をご紹介します。無名関数無名関数は名前の通り、名前のない関数です。変数に代入したり、引数値として関数に与えることができます。基本構文無名関数は関数と同様に定義と呼び出しがあります。定義function( 引数変数 ) { // 処理........}基本的には通常の関数と同じですが、関数名を定義しません。また、無名関数は代入や引数値に使い、変数に記憶します。代入
-
【JavaScript】アロー関数 - 無名関数の省略記法
JavaScriptのアロー関数をご紹介します。アロー関数アロー関数は無名関数の省略記法です。基本構文( 引数変数 ) => { // 処理........}無名関数の記法に比べ、functionの記述は必要なく、その代わりに終了丸括弧())と開始波括弧({)の間に=>を記述します。また、引数が1つの場合は丸括弧を省略することができます。引数変数 => { // 処理
-
-
【JavaScript】オブジェクト - プロパティとメソッドの集合体
JavaScriptのオブジェクトをご紹介します。オブジェクトオブジェクトはプログラミング上で表現したモノ(物)です。一般的にオブジェクト指向プログラミングと呼ばれるアプリケーションの設計思想と合わせて使います。オブジェクト指向プログラミングは奥が深く、理解するには膨大な知識が必要なため、説明を割愛します。ここではオブジェクトそのものについてご紹介します。概要オブジェクトはプロパティやメソッドの集
-
【JavaScript】this - 自オブジェクトを記憶する擬似変数
JavaScriptの擬似変数thisをご紹介します。this擬似変数thisはオブジェクトのメソッドで使用でき、オブジェクト自身を取得できる変数です。メソッドを所有するオブジェクトを取得し、他のプロパティやメソッドにアクセスできます。基本構文擬似変数thisは変数です。メソッドでthisを記述することで使用できます。thisサンプルlet obj = { data1: "a", da