JavaScript の変数とデータ型: JavaScript でのデータの保存と操作。

JavaScript は、Web を強化する多用途のプログラミング言語であり、開発者がインタラクティブで動的な Web サイトを作成できるようにします。 JavaScript およびあらゆるプログラミング言語の中核となる概念の 1 つは、データの保存方法と操作方法です。 Web アプリケーションを効果的に構築するには、JavaScript の変数 と データ型 を理解することが不可欠です。

この記事では、変数とは何か、変数を宣言する方法、JavaScript がデータの保存と操作のためにサポートするさまざまなデータ型について説明します。

---

JavaScript の変数

変数とは何ですか?

JavaScript の

変数 は、データを保持するコンテナのようなものです。これにより、プログラム全体で使用できる値を保存および取得できます。変数は、値に付けられたラベルと考えてください。変数に値を割り当てると、毎回値を直接使用するのではなく、その名前で変数を参照できるようになります。

たとえば、「John」を複数回記述する代わりに、次のように変数に代入できます。

let name = "John";
console.log(name);  // Outputs: John

変数の宣言

JavaScript では、var、let、または const キーワードを使用して変数を宣言できます。

1.var

var は、JavaScript で変数を宣言する最も古い方法です。ただし、スコープに関していくつかの問題があるため、最新の JavaScript 開発者は let と const を使用することを好みます。

var age = 30;
console.log(age);  // Outputs: 30

2. させて

let はブロックスコープです。つまり、変数はそれが定義されているブロック内 (関数やループ内など) にのみ存在します。これは、最新の JavaScript で変数を宣言するために最も一般的に使用される方法です。

let city = "New York";
console.log(city);  // Outputs: New York

3. 定数

const は let に似ていますが、値が変更されない変数を宣言するために使用されます。 const で宣言された変数に値を代入すると、再代入することはできません。

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

変数に名前を付ける

変数に名前を付けるときは、次の規則に留意してください:

• 変数名には、文字、数字、アンダースコア (_)、ドル記号 ($) を含めることができます。
• 文字、アンダースコア、またはドル記号で始める必要があります。
• 変数名は 大文字と小文字が区別されます (例: myVar と myvar は異なる変数です)。
• JavaScript キーワード (例: var、let、if、function) は変数名として使用できません。

一般的な規則では、変数名には camelCase を使用します (myVariableName.

など)。

---

JavaScript のデータ型

JavaScript は、変数が保持できる値の種類を指定するさまざまな データ型 をサポートしています。データ型は 2 つのカテゴリに分類されます:

• プリミティブ データ型
• 非プリミティブ (参照) データ型

プリミティブデータ型

プリミティブ データ型は、JavaScript の最も基本的なデータ型です。それらには次のものが含まれます:

1.文字列

文字列はテキスト データを表すために使用されます。これらは、単一引用符 (')、二重引用符 (")、またはバックティック (`) のいずれかで囲まれます。

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2.番号

数値データ型は、整数と浮動小数点数 (つまり、10 進数) の両方を表します。

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. ブール値

ブール値は論理値 (true または false) を表します。これらは条件文や比較でよく使用されます。

let isLoggedIn = true;
let hasAccess = false;

4. 未定義

変数が宣言されていても値が割り当てられていない場合、その変数は値が未定義で自動的に初期化されます。

let myVar;
console.log(myVar);  // Outputs: undefined

5. ヌル

null は、明示的に空の値または存在しない値を表します。これは、変数に値が存在しないことを示したい場合に使用されます。

let emptyValue = null;

6. シンボル

シンボルは一意で不変の値であり、通常はオブジェクトの一意のプロパティ キーを作成するために使用されます。初心者にはあまり使用されませんが、高度なアプリケーションでは役立ちます。

let symbol1 = Symbol("description");

7. BigInt

BigInt 型では、Number 型の範囲よりも大きな整数の表現が可能です。これは、非常に大きな整数を扱う場合に特に便利です。

let bigNumber = BigInt(123456789012345678901234567890);

非プリミティブ (参照) データ型

非プリミティブ データ型には、より複雑なデータ構造とオブジェクトが格納されます。変数には実際のデータへの参照が格納されるため、これらは参照型として知られています。

1.オブジェクト

オブジェクトはキーと値のペアのコレクションです。これらを使用すると、複数の関連する値をプロパティとして保存できます。

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. Array

Arrays are ordered collections of values (elements). Arrays can store multiple values in a single variable, and the values can be of any data type.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. Function

Functions are blocks of code designed to perform a particular task. In JavaScript, functions themselves are treated as objects, allowing them to be passed as arguments or stored in variables.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

---

Type Coercion and Dynamic Typing

JavaScript is dynamically typed, which means you don’t need to explicitly declare the type of a variable. JavaScript will automatically infer the type based on the value assigned. For example:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

In addition, JavaScript performs type coercion, which means it will automatically convert values from one type to another when necessary.

console.log("5" + 10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

In the first example, JavaScript coerces 10 to a string and concatenates it with "5". In the second example, "5" is coerced into a number for subtraction.

---

Conclusion

Understanding variables and data types is a fundamental step in learning JavaScript. Variables allow you to store and manage data in your programs, while data types define the kind of data you’re working with, from strings to numbers, booleans, and beyond.

As you continue learning JavaScript, you'll frequently use variables and work with various data types to build interactive and dynamic web applications. By mastering how to manipulate these data types, you’ll be able to write more efficient and effective code.

以上がJavaScript の変数とデータ型: JavaScript でのデータの保存と操作。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。