JavaScript データ型、Strict モード、および基本操作を詳しく学ぶ 1 日

JavaScript チュートリアル シリーズへようこそ!今日の投稿では、JavaScript の基本的な概念、つまりデータ型、厳密モード、基本操作について説明します。これらは JavaScript プログラムの構成要素であるため、これらをよく理解すると、コーディングをさらに深く進める際に成功するための準備が整います。

JavaScript のデータ型を理解する

JavaScript は動的に型指定される言語です。つまり、変数が保持するデータの型を指定する必要はありません。タイプは、割り当てられた値に基づいて自動的に決定されます。 JavaScript の主要なデータ型のいくつかを詳しく見てみましょう。

演算子の種類

typeof 演算子は、変数の型を決定するために使用されます。簡単な例を次に示します:

console.log(typeof undefined); // Outputs: "undefined"
console.log(typeof null);      // Outputs: "object"

• 未定義: 変数が宣言されていても値が割り当てられていない場合、その型は未定義です。
• null: オブジェクト値が意図的に存在しないことを表します。興味深いことに、typeof null はオブジェクトを返します。これは JavaScript の既知の癖であり、ややこしいように思えるかもしれませんが、すぐに慣れるものです。

主要なデータ型

1. 数値: 整数と浮動小数点数の両方を表します。

   • 例: num = 42 とします。
   • JavaScript は 2^53 までの数値を処理できますが、それを超えると BigInt を使用することになります。

2. BigInt: Number の安全な整数範囲を超える大きな整数に使用されます。

   • 例: bigNum = 9007199254740991n;

3. 文字列: テキストに使用される文字のシーケンス。

   • 例: letgreeting = "Hello, World!";

4. ブール: 論理値を表します: true または false。

   • 例: let isJavaScriptFun = true;

5. Null: Null 値、つまり値がまったくないことを示す特別なキーワード。

   • 例: emptyValue = null にします。

6. 未定義: 変数は宣言されているが、値が割り当てられていないことを示します。

   • 例: 何かをさせてください。

7. シンボル: 一意の識別子を表します。シンボルは、名前の衝突を避けるためにオブジェクト内のキーとしてよく使用されます。

   • 例: let uniqueId = Symbol("id");

「use strict」による最新の JavaScript の強制

コードが最新の JavaScript 標準に準拠していることを確認し、よくある落とし穴を回避するには、スクリプトまたは関数の先頭で「use strict」を使用できます。

"use strict";
// All code below will be treated as newer version of JavaScript

厳密モードは、宣言されていない変数の使用など、一般的なコーディングの間違いを検出するのに役立ち、コードの安全性と最適化を高めます。

JavaScript での基本操作の実行

JavaScript は、基本的な算術演算から文字列の連結まで、幅広い演算をサポートしています。いくつかの例を見てみましょう:

算術演算

let value = 3;
let negValue = -value;
console.log(negValue); // Outputs: -3

console.log(2 + 2); // Addition: 4
console.log(2 - 2); // Subtraction: 0
console.log(2 * 2); // Multiplication: 4
console.log(2 ** 3); // Exponentiation: 8
console.log(2 / 3); // Division: 0.666...
console.log(2 % 3); // Modulus: 2 (remainder)

文字列操作

let str1 = "hello";
let str2 = " hitesh";

let str3 = str1 + str2;
console.log(str3); // Outputs: "hello hitesh"

console.log("1" + 2); // Outputs: "12" (String concatenation)
console.log(1 + "2"); // Outputs: "12" (String concatenation)
console.log("1" + 2 + 2); // Outputs: "122"
console.log(1 + 2 + "2"); // Outputs: "32"

操作の順序は重要です! JavaScript は算術演算で文字列を検出すると、他のオペランドを文字列に変換し、それらを連結します。

複合操作

console.log((3 + 4) * 5 % 3); // Outputs: 2

ここで、括弧は演算の順序を指定し、乗算と剰余の前に加算が確実に行われるようにします。

単項演算子

単項演算子は単一のオペランドを処理します。以下にいくつかの例を示します:

console.log(+true); // Outputs: 1 (Boolean `true` is converted to 1)
console.log(+""); // Outputs: 0 (An empty string is converted to 0)

変数代入チェーン

JavaScript で割り当てを連鎖させることができます:

let num1, num2, num3;
num1 = num2 = num3 = 2 + 2;
console.log(num1, num2, num3); // All will output: 4

インクリメント演算子

JavaScript はインクリメント (およびデクリメント) 演算子もサポートしています:

let gameCounter = 100;
++gameCounter;
console.log(gameCounter); // Outputs: 101

プレフィックスとポストフィックスの増分

JavaScript は、プレフィックス (++gameCounter) とポストフィックス (gameCounter++) の増分を区別します。

• Prefix: 使用する前に値をインクリメントします。
• Postfix: 最初に値を使用し、次に値を増分します。

型変換と操作の詳細については、ECMAScript ドキュメントを参照してください。

今日は、さまざまなデータ型と厳密モードの理解から基本的な操作の実行まで、JavaScript の重要な概念について説明しました。これらは、JavaScript を進めるにつれて構築される基本的な概念です。これらの例を必ず実践し、さまざまな操作を試して理解を深めてください。

私たちは JavaScript の魅力的な世界を引き続き探索していくので、このシリーズのさらなるチュートリアルにご期待ください!

-
コーディングを楽しんでください。また次回でお会いしましょう!!

以上がJavaScript データ型、Strict モード、および基本操作を詳しく学ぶ 1 日の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。