ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript-データ型、変数、演算子、条件文、ループ-タスク

Javascript-データ型、変数、演算子、条件文、ループ-タスク

Barbara Streisand
リリース: 2025-01-22 14:31:10
オリジナル
281 人が閲覧しました

JavaScript の基礎: データ型、変数、演算子、制御フロー

このドキュメントでは、データ型、変数、演算子、制御フロー構造など、JavaScript の基本概念の簡潔な概要を説明します。

データ型:

データ型は、変数が保持できる値の種類を分類します。 JavaScript の 8 つの主要なデータ型により、効率的なデータの処理と処理が可能になります。

  1. 文字列: テキスト データ (例: "Hello") を表します。
  2. 数値: 数値データを表します (例: 10、3.14)。
  3. BigInt: 任意の大きな整数を表します。
  4. ブール値: 真理値 (true または false) を表します。
  5. 未定義: 変数は宣言されているが、値が割り当てられていないことを示します。
  6. Null: 値が意図的に存在しないことを表します。
  7. シンボル: 一意で不変の値を作成します。
  8. オブジェクト: 複雑なデータ構造を表します。

変数:

変数は、値の名前付きの保存場所です。 JavaScript では、変数を宣言するいくつかの方法が提供されています。

  • 自動宣言: x = 5; (暗黙的な宣言。明確にするために通常は推奨されません)。
  • var: var x = 5; (関数スコープ、古いスタイル、慎重に使用してください)。
  • let: let x = 5; (ブロックスコープ、再割り当てが可能)。
  • const: const x = 5; (ブロックスコープ、初期化後の再割り当てを防止、定数に最適)。

varlet、または const の選択:

  1. 変数は常に明示的に宣言します。 暗黙的な宣言は避けてください。
  2. Prefer const: 値を変更する必要がない限り、const を使用します。 これには、配列とオブジェクトが含まれます (それらの内容は変更できますが、変数自体を再割り当てすることはできません)。
  3. 必要な場合にのみ let を使用します。 再割り当ての必要性により let が不適切な場合にのみ、const を使用します。
  4. 最新の JavaScript では var を使用しないでください: var には関数スコープがあるため、予期しない動作が発生する可能性があります。非常に古いブラウザとの互換性のためにのみ予約してください。

オペレーター:

JavaScript 演算子はさまざまな計算を実行します。 次の画像は、一般的な演算子を視覚的に表したものです:

Javascript-Datatypes,Variables, Operators,Conditional statement ,Looping-Tasks

条件文:

条件ステートメントは、条件に基づいて実行フローを制御します。

  • if: 条件が true の場合、コードのブロックを実行します。

     if (hour < 12) {
         console.log("Good morning");
     }
    ログイン後にコピー
  • else: 先行する if 条件が false の場合、コードのブロックを実行します。

     if (hour < 12) {
         console.log("Good morning");
     } else {
         console.log("Good afternoon");
     }
    ログイン後にコピー
  • else if: 先行する if 条件と else if 条件が false の場合、追加の条件をテストします。

     if (time < 10) {
         console.log("Good morning");
     } else if (time < 20) {
         console.log("Good day");
     } else {
         console.log("Good evening");
     }
    ログイン後にコピー
  • switch: (ここでは詳しく説明しませんが、複数の条件を処理する簡潔な方法を提供します)。

ループ:

ループは、条件が true のままである間、コード ブロックを繰り返し実行します。

1. while ループ:

while ループは、指定された条件が true である限り継続します。

例:

// 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;
}
ログイン後にコピー

この改訂された応答では、提供されている JavaScript の概念について、より構造化された包括的な説明が提供されます。 コード例も、明確さと正確さのために改良されました。

以上がJavascript-データ型、変数、演算子、条件文、ループ-タスクの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート