JavaScript 演算子を理解する

JavaScript では、演算子は値や変数の演算を実行するために使用される特殊な記号またはキーワードです。これらにより、データを操作し、コードのフローを制御できるようになります。最も一般的に使用される演算子の種類とその目的を詳しく見てみましょう:

1️⃣ 代入演算子 (=)

代入演算子は変数に値を代入するために使用されます。
?例:

let x = 10 // Assigns the value 10 to variable x
let y = 5 // Assigns the value 5 to variable y

2️⃣ 算術演算子

算術演算子は、数値に対して基本的な数学演算を実行します。

1. (追記)
2. - (減算)
3. * (乗算)
4. /(除算)
5. % (モジュラス – 除算の余り)
6. ** (べき乗 (ES2016))
7. (増分)
8. -- (デクリメント)

?例:

console.log("x + y = " + (x + y)) // Output: x + y = 15
console.log("x - y = " + (x - y)) // Output: x - y = 5
console.log("x / y = " + (x / y)) // Output: x / y = 2
console.log("x * y = " + (x * y)) // Output: x * y = 50
console.log("x % y = " + (x % y)) // Output: x % y = 0
console.log("(x**y) = " + (x**y)) // Output: (x**y) = 100000
console.log("(++x) = " + (++x)) // Output: (++x) = 11
console.log("(x++) = " + (x++)) // Output: (x++) = 11
console.log("(--y) = " + (--y)) // Output: (--y) = 4
console.log("(y--) = " + (y--)) // Output: (y--) = 4

3️⃣ 比較演算子

比較演算子は 2 つの値を比較し、ブール値 (true または false) を返します。これらはループや分岐ステートメントでよく使用されます。

1. == (等しい)
2. === (厳密に等しい)
3. != (等しくない)
4. !== (厳密には等しくない)
6. > (より大きい)
8. >= (以上)

?例:

console.log("(x == y) = " + (x == y)) // Output: (x == y) = false
console.log("(x != y) = " + (x != y)) // Output: (x != y) = true
// Compares datatypes also
console.log("(x === y) = " + (x === y)) // Output: (x === y) = false
// Compares datatypes also
console.log("(x !== y) = " + (x !== y)) // Output: (x !== y) = true
console.log("(x > y) = " + (x > y)) // Output: (x > y) = true
console.log("(x >= y) = " + (x >= y)) // Output: (x >= y) = true
console.log("(y < x) = " + (y < x)) // Output: (y < x) = true
console.log("(y <= x) = " + (y <= x)) // Output: (y <= x) = true

4️⃣ 論理演算子

論理演算子は、論理演算を実行し、ブール値 (true または false) を返すために使用されます。

1. && (論理積)
2. || (論理和)
3. ! (論理的否定)

?例:

let isValidNumber = (x > 8 && 8 > y) // If both condition are correct returns true otherwise false
console.log("(x > 8 && 8 > y) = " + isValidNumber) // Output: (x > 8 && 8 > y) = true

let isValidCheck = (x > 20 || 8 > y) // If one of condition is correct returns true otherwise false
console.log("(x > 20 || 8 > y) = " + isValidCheck) // Output: (x > 20 || 8 > y) = true

let isValid = false
console.log("(!isValid) = " + !isValid) // Output: (!isValid) = true

5️⃣ 文字列演算子

この演算子は多用途であり、文字列を連結して (2 つの文字列を結合する) 使用できます。数値と一緒に使用すると、加算が実行されます。

?例:

// Concatenation
console.log("Richa " + "webDev") // Output: Richa webDev 
// Addition
console.log(10 + 5) // Output: 15

6️⃣ 三項演算子 (? :)

三項演算子は、条件チェックを実行する簡潔な方法です。条件が true の場合は 1 つの値を返し、条件が false の場合は別の値を返します。
?構文:

condition ? valueIfTrue : valueIfFalse;

?例:

const isEven = 10 % 2 === 0 ? "Number is even" : "Number is old"
console.log("isEven = " + isEven) // Output: isEven = Number is even

?頭の体操

num 、 --num、および num-- 操作を含むコード スニペットの出力が値 21 になる理由を説明してください。以下にコメントしてください。

let num = 20
console.log("num = " + num) // Output: (++num) = 21
console.log("(++num) = " + (++num)) // Output: (++num) = 21
console.log("(num++) = " + (num++)) // Output: (num++) = 21
console.log("(--num) = " + (--num)) // Output: (--num) = 21
console.log("(num--) = " + (num--)) // Output: (num--) = 21

出力:

num = 20
(++num) = 21
(num++) = 21
(--num) = 21
(num--) = 21

結論

JavaScript 演算子は、効果的かつ効率的なコードを作成するのに役立つ基本的な構成要素です。これらを使いこなすことで、単純な代入から複雑な論理チェックまで幅広い操作を実行できるようになります。これらの演算子を試して、その動作をよりよく理解してください!
楽しくコーディングしてください✨

以上がJavaScript 演算子を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。