日のデータ型、変数、演算子、条件文、JavaScript のループ-jsチュートリアル-php.cn

Day Datatypes, Variables,Operators, Conditional Statements,Looping in Javascript

JavaScript データ型:

JavaScript では、データ型は変数が保持できる値の型を定義します。タイプによって、値に対してどのような操作を実行できるかが決まります。 JavaScript には、プリミティブデータ型 (単純な値) と参照データ型 (複雑なオブジェクト) の両方があります。

1. 元のデータ型:

これらは JavaScript の最も基本的なデータ型であり、単一の値を保持します。これらは不変です。つまり、値が一度設定されると変更することはできません。

a) 番号:

は整数と浮動小数点数を表します。

let x = 42;

b) 文字列:

は一連の文字を表します。

let name = "Alice";

c) ブール値:

は true または false を意味します。

let isActive = true;

d) Null:

は、意図的にオブジェクト値を持たないことを意味します。

let person = null;

e) 未定義:

宣言されているが値が割り当てられていない変数を示します。

let value;

f) シンボル:

一意の識別子。

const uniqueID = Symbol();

g) BigInt:

は大きな整数を表すために使用されます。

let bigNum = 123n;

2. 参照データ型:

これらのデータ型はより複雑で、値のコレクションやより構造化されたデータを保存します。これらは変更可能です。つまり、参照が同じであっても、その内容が変更される可能性があります。

a) オブジェクト:

キーと値のペアのコレクション。

let person = {name: "John"};

b) 配列:

ソートされた値のコレクション。

let arr = [1, 2, 3];

c) 関数:

タスクを実行するコードブロック。

function greet() {}

JavaScript 変数:

JavaScript では、変数は、コード全体で参照および操作できるデータを保存するためのコンテナーと呼ばれます。

変数を使用すると、数値、文字列、オブジェクト、関数などの値を保存できます。

1. 変数を宣言します:

JavaScript では、変数は 3 つのキーワードのいずれかを使用して宣言されます:

var (古いメソッド、現在はあまり使用されていません) let (ブロックスコープ、ES6 で導入) const (ブロックスコープ、定数用、ES6 でも導入)

a) var (古いメソッド):

var キーワードは伝統的に JavaScript で変数を宣言するために使用されます。

var name = "Alice"; var age = 25;

b) let (最新の方法):

ブロックスコープとは、変数が定義されているブロック内 (たとえば、if ステートメントやループ内) でのみ変数にアクセスできることを意味します。

let name = "Bob"; let age = 30;

c) const (定数変数):

const キーワードは、最初の代入後に再代入すべきではない変数を宣言するために使用されます。

const country = "USA";

変数の再宣言:

使用変数: 同じスコープ内で変数を再宣言することができ、JavaScript はエラーをスローしません。

<code class="language-javascript">var name = "Alice";
var name = "Bob";  // 没有错误
console.log(name);  // 输出：Bob</code>

ログイン後にコピー

let と const を使用します: 同じスコープ内で変数を再宣言することはできません。そうすると、SyntaxError が発生します。

<code class="language-javascript">let name = "Alice";
let name = "Bob";  // SyntaxError: Identifier 'name' has already been declared</code>

ログイン後にコピー

<code class="language-javascript">const country = "USA";
const country = "Canada";  // SyntaxError: Identifier 'country' has already been declared</code>

ログイン後にコピー

JavaScript 演算子:

JavaScript では、演算子はオペランドに対して演算を実行するシンボルまたはキーワードです。

1. 算術演算子:

これらの演算子は、数値に対して数学的演算を実行するために使用されます。

<code>+               加法                        5 + 3 → 8
-               减法                        5 - 3 → 2
*               乘法                        5 * 3 → 15
/               除法                        5 / 3 → 1.6667
%               取模（除法的余数）        5 % 3 → 2
**              幂运算（乘方）              2 ** 3 → 8
++              递增（加 1）                let x = 5; x++ → 6
--              递减（减 1）                let x = 5; x-- → 4</code>

ログイン後にコピー

2. 代入演算子:

これらの演算子は、変数に値を割り当てるために使用されます。

<code>=               简单赋值                     let x = 10;
+=              加法赋值                     x += 5; → x = x + 5;
-=              减法赋值                     x -= 5; → x = x - 5;
*=              乘法赋值                     x *= 5; → x = x * 5;
/=              除法赋值                     x /= 5; → x = x / 5;
%=              取模赋值                     x %= 5; → x = x % 5;
**=             幂赋值                       x **= 2; → x = x ** 2;</code>

ログイン後にコピー

3. 比較演算子:

これらの演算子は 2 つの値を比較し、ブール値 (true または false) を返します。

<code>==              等于                          5 == "5" → true
===             全等                          5 === "5" → false
!=              不等于                        5 != "5" → false
!==             不全等                        5 !== "5" → true
>               大于                          5 > 3 → true
>=              大于等于                      5 >= 3 → true
<               小于                          5 < 3 → false
<=              小于等于                      5 <= 3 → false</code>

ログイン後にコピー

4. 論理演算子:

これらの演算子は、通常はブール値を使用して論理演算を実行するために使用されます。

<code>&&              逻辑与                        true && false → false
||              逻辑或                        true || false → true
!               逻辑非                        !true → false</code>

ログイン後にコピー

JavaScript 条件文:

JavaScript では、条件ステートメントを使用して、特定の条件が true か false に基づいてさまざまなアクションを実行します。

1. if ステートメント

if ステートメントは、最も基本的な条件ステートメントです。指定された条件が true と評価されると、コードブロックが実行されます。

文法:

<code class="language-javascript">if (condition) {
    // 如果条件为真，则执行的代码块
}</code>

ログイン後にコピー

2. else ステートメント

else ステートメントは if ステートメントの後に続き、if ステートメントの条件が false の場合に実行されるコードのブロックを定義します。

文法:

<code class="language-javascript">if (condition) {
    // 如果条件为真，则执行的代码块
} else {
    // 如果条件为假，则执行的代码块
}</code>

ログイン後にコピー

3. else if ステートメント

else if ステートメントを使用すると、複数の条件をテストできます。複数の条件を確認する必要がある場合に使用します。

文法:

<code class="language-javascript">if (condition1) {
    // 如果 condition1 为真，则执行的代码块
} else if (condition2) {
    // 如果 condition2 为真，则执行的代码块
} else {
    // 如果 condition1 和 condition2 都为假，则执行的代码块
}</code>

ログイン後にコピー

4. ネストされた if ステートメント

if ステートメントを他の if ステートメント内にネストして、より複雑な条件を作成できます。

5. switch ステートメント

switch ステートメントは、特にさまざまな結果が考えられる場合に、複数の条件で値をテストするより効率的な方法です。

文法:

<code class="language-javascript">switch (expression) {
    case value1:
        // 如果 expression === value1，则运行的代码
        break;
    case value2:
        // 如果 expression === value2，则运行的代码
        break;
    default:
        // 如果没有 case 匹配，则运行的代码
}</code>

ログイン後にコピー

JavaScript ループ:

JavaScript では、特定の条件が満たされる限り、ループを使用してコードのブロックを繰り返し実行します。これは、配列の反復処理やコードブロックの複数回の実行など、反復的なタスクを実行する場合に便利です。

1. for ループ

for ループは JavaScript で最も一般的なループです。これは通常、コードのブロックを何回繰り返す必要があるかがわかっている場合に使用されます。

文法:

<code class="language-javascript">for (initialization; condition; increment/decrement) {
    // 每次迭代中要执行的代码
}</code>

ログイン後にコピー

2. while ループ

while ループは、指定された条件が true と評価される限り、コードのブロックを実行します。条件は各反復の前にチェックされ、条件が false になるとループは停止します。

文法:

<code class="language-javascript">while (condition) {
    // 只要条件为真就执行的代码
}</code>

ログイン後にコピー

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