ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript-データ型、変数、演算子、条件文、ループ-タスク
このドキュメントでは、データ型、変数、演算子、制御フロー構造など、JavaScript の基本概念の簡潔な概要を説明します。
データ型:
データ型は、変数が保持できる値の種類を分類します。 JavaScript の 8 つの主要なデータ型により、効率的なデータの処理と処理が可能になります。
変数:
変数は、値の名前付きの保存場所です。 JavaScript では、変数を宣言するいくつかの方法が提供されています。
x = 5;
(暗黙的な宣言。明確にするために通常は推奨されません)。var
: var x = 5;
(関数スコープ、古いスタイル、慎重に使用してください)。let
: let x = 5;
(ブロックスコープ、再割り当てが可能)。const
: const x = 5;
(ブロックスコープ、初期化後の再割り当てを防止、定数に最適)。var
、let
、または const
の選択:
const
: 値を変更する必要がない限り、const
を使用します。 これには、配列とオブジェクトが含まれます (それらの内容は変更できますが、変数自体を再割り当てすることはできません)。let
を使用します。 再割り当ての必要性により let
が不適切な場合にのみ、const
を使用します。var
を使用しないでください: var
には関数スコープがあるため、予期しない動作が発生する可能性があります。非常に古いブラウザとの互換性のためにのみ予約してください。オペレーター:
JavaScript 演算子はさまざまな計算を実行します。 次の画像は、一般的な演算子を視覚的に表したものです:
条件文:
条件ステートメントは、条件に基づいて実行フローを制御します。
if
: 条件が true の場合、コードのブロックを実行します。
<code class="language-javascript"> if (hour < 12) { console.log("Good morning"); }</code>
else
: 先行する if
条件が false の場合、コードのブロックを実行します。
<code class="language-javascript"> if (hour < 12) { console.log("Good morning"); } else { console.log("Good afternoon"); }</code>
else if
: 先行する if
条件と else if
条件が false の場合、追加の条件をテストします。
<code class="language-javascript"> if (time < 10) { console.log("Good morning"); } else if (time < 20) { console.log("Good day"); } else { console.log("Good evening"); }</code>
switch
: (ここでは詳しく説明しませんが、複数の条件を処理する簡潔な方法を提供します)。
ループ:
ループは、条件が true のままである間、コード ブロックを繰り返し実行します。
1. while
ループ:
while
ループは、指定された条件が true である限り継続します。
例:
<code class="language-javascript">// Output: 5 4 3 2 1 let no = 5; while (no > 0) { console.log(no); no--; } // Output: 1 2 3 4 5 let no = 1; while (no <= 5) { console.log(no); no++; } // Output: 0 2 4 6 8 10 let no = 0; while (no <= 10) { console.log(no); no += 2; } // Output: 10 8 6 4 2 0 let no = 10; while (no >= 0) { console.log(no); no -= 2; }</code>
この改訂された応答では、提供されている JavaScript の概念について、より構造化された包括的な説明が提供されます。 コード例も、明確さと正確さのために改良されました。
以上がJavascript-データ型、変数、演算子、条件文、ループ-タスクの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。