JavaScript の演算子と式

Patricia Arquette
リリース: 2024-12-14 21:49:15
オリジナル
326 人が閲覧しました

Operators and Expressions in JavaScript

3 日目: JavaScript の演算子と式

JavaScript 学習 3 日目へようこそ!今日は、演算子 について説明します。これらは、プログラム内で計算を実行し、意思決定を行い、意味のあるロジックを記述するために不可欠なツールです。


演算子とは何ですか?

演算子は、値または変数に対して演算を実行する特殊な記号またはキーワードです。これらの操作は、算術計算から論理的決定まで多岐にわたります。


JavaScript の演算子の種類

1.算術演算子

加算、減算、乗算などの数学演算に使用されます。

Operator Description Example Output
Addition 5 3 8
- Subtraction 10 - 6 4
* Multiplication 4 * 2 8
/ Division 12 / 4 3
% Modulus (Remainder) 10 % 3 1
** Exponentiation 2 ** 3 8
オペレーター

説明

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
出力
追加 5 3 8 - 減算 10 - 6 4 * 乗算 4 * 2 8 / 部門 12 / 4 3 % 係数 (剰余) 10 % 3 1 ** べき乗 2 ** 3 8

例:

Operator Description Example Output
== Equal to 5 == "5" true
=== Strict equal to 5 === "5" false
!= Not equal to 5 != "5" false
!== Strict not equal 5 !== "5" true
< Less than 5 < 10 true
> Greater than 10 > 5 true
<= Less than or equal 5 <= 5 true
>= Greater than or equal 10 >= 5 true
2.関係 (比較) 演算子 2 つの値を比較し、ブール値 (true または false) を返すために使用されます。 オペレーター 説明 例 出力 == 等しい 5 == "5" 本当 === 厳密に等しい 5 === "5" 偽 != 次と等しくない 5 != "5" 偽 !== 厳密に等しくない 5 !== "5" 本当 未満 5 本当 > より大きい 10 > 5 本当 以下 5 本当 >= 以上 10 >= 5 本当 テーブル>

例:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

3.論理演算子

複数の条件を組み合わせるか、ロジックを反転します。

Operator Description Example Output
&& Logical AND true && false false
` ` Logical OR
! Logical NOT !true false
オペレーター

説明

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
ログイン後にコピー
ログイン後にコピー
出力
&& 論理積 true && false 偽 ` ` 論理和 ! 論理的否定 !true 偽

例:

Operator Description Example Output
= Assign x = 10 10
= Add and assign x = 5 x = x 5
-= Subtract and assign x -= 3 x = x - 3
*= Multiply and assign x *= 2 x = x * 2
/= Divide and assign x /= 2 x = x / 2
%= Modulus and assign x %= 3 x = x % 3
4.代入演算子

変数に値を代入するために使用されます。

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false
console.log(isAdult || hasID); // true
ログイン後にコピー

オペレーター

説明

出力 = 割り当て x = 10 10 = 追加して割り当てる x = 5 x = x 5 -= 減算して代入 x -= 3 x = x - 3 *= 乗算と代入 x *= 2 x = x * 2 /= 分割して代入 x /= 2 x = x / 2 %= 係数と代入 x %= 3 x = x % 3

例:

Operator Description Precedence
** Exponentiation 1
*, /, % Multiplication, Division, Modulus 2
, - Addition, Subtraction 3
<, >, ==, != Comparison 4
&& Logical AND 5
` `
式と優先順位 式は、値を生成するコードの一部です。たとえば、5 3 は式であり、その値は 8 です。 演算子の優先順位 複数の演算子が使用される場合、JavaScript は優先順位に基づいて実行順序を決定します。優先順位の高い演算子が最初に実行されます。 オペレーター 説明 優先順位 ** べき乗 1 *、/、% 乗算、除算、係数 2 、 - 加算、減算 3 <、>、==、!= 比較 4 && 論理積 5 ` ` テーブル>

優先順位の例:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

優先順位を制御するには括弧 () を使用します。

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
ログイン後にコピー
ログイン後にコピー

今日の練習

  1. 算術演算子を使用して長方形の面積を計算するプログラムを作成します。
  2. 関係演算子を使用して 2 つの数値を比較し、それらが等しいか、どちらかが大きいかを記録します。
  3. 論理演算子を使用して、個人に投票資格があるかどうかを確認する簡単なプログラムを作成します。

3 日目のまとめ

今日は以下について取り上げました:

  1. 算術演算子: 計算用。
  2. 関係演算子: 比較用。
  3. 論理演算子: 条件を結合します。
  4. 代入演算子: 値の割り当てと更新用。
  5. 式と優先順位: 実行順序を理解します。

次のステップ

4 日目では、条件文とループに焦点を当てて、JavaScript の 制御フロー について学びます。 2024 年 12 月 11 日をお楽しみに!

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

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