JavaScript 演算子を理解する: 算術演算から 3 項まで

<p>JavaScript 演算子の詳細な探索: 算術演算子から三項演算子まで</p> <p>この記事では、JavaScript 演算子について詳しく説明します。 </p> <p>JavaScript 演算子には次のものが含まれます: </p> <ol> <li>算術演算子: <code> </code>、<code>-</code>、<code>*</code>、<code>/</code>、<code>%</code>、<code>**</code> </li> <li> 否定演算子: <code>-</code> (単項負符号)、<code>!</code> (論理否定) </li> <li>比較演算子: <code>></code>、<code><</code>、<code>>=</code>、<code><=</code>、<code>==</code>、<code>!=</code>、<code>===</code>、<code>!==</code></li> <li> 論理演算子: <code>&&</code> (AND)、<code>||</code> (OR)、<code>!</code> (not) </li> <li>NULL 値合体演算子: <code>??</code></li> <li>三項演算子: <code>? :</code></li> </ol> <p><strong>真の値と偽の値:</strong></p> <p>False 値: 0、"" (空の文字列)、<code>false</code>、<code>null</code>、<code>undefined</code>、および <code>NaN</code> True 値: 他のすべての値</p> <p><strong>操作:</strong></p> <p>演算子が作用する値または変数。たとえば、式 <code>5 2</code> では、数値 5 と 2 がオペランドです。 </p> <p><strong>単項演算子:</strong></p> <p> 演算子が単一のオペランドに作用する場合、それは単項演算子と呼ばれます。例: <code> 5</code>、<code>-x</code> (x を否定)、または <code>typeof "123"</code>。 </p> <p><strong>二項演算子:</strong></p> <p> 演算子が 2 つのオペランドに作用する場合、それは二項演算子と呼ばれます。例: <code>5 2</code>、<code>x * y</code>。 </p> <p><strong>算術演算子:</strong> <code> </code>、<code>-</code>、<code>*</code>、<code>/</code>、<code>%</code>、<code>**</code></p> <p>JavaScript は操作中に暗黙的に型を変換します。例: </p> <p><code>5 - "3"</code> 結果は整数 2 です (「3」は減算のために整数 3 に変換されます) <code>10 % "3"</code> 結果は整数 1 になります</p> <p><strong><code> </code> 演算子の特別な動作: </strong></p> <p>文字列の場合、<code> </code> 演算子は文字列を連結します。例: </p> <p><code>let value = "hello" "world" "!";</code> // 「helloworld!」</p> <p>この動作は他の算術演算子とは異なります。いずれかのオペランドが文字列型の場合、<code> </code> 演算子はオペランドを連結します。例: </p> <p><code>"10" 4</code> 結果は文字列「104」です。 <code>1 1 "5"</code> 結果は文字列「25」です (左から右に数えます)。 </p> <p><strong>1 ドル <code> </code>:</strong></p> <p>単項 <code> </code> 演算子は、非数値を数値に変換します。 <code>Number()</code>の略です。例: </p> <p><code> "123"</code> // 123 <code> true</code> // 1 <code> ""</code> // 0</p> <p><strong> 否定演算子: </strong></p> <p>単項 <code>-</code> 演算子は、数値または変数を否定し、事実上符号を反転します。例: </p> <p><code>let x = 3;</code> <code>console.log(-x);</code> // -3</p> <p><strong>比較演算子:</strong></p><p>数学でわかるように、比較演算子は数値を比較します。文字列の場合、JavaScript はアルファベット順または字句順に基づいて比較します。文字コード表（ASCIIまたはUnicode）を参照できます。比較を実行するとき、JavaScript は必要に応じて値を数値に変換します。例: </p> <p><code>"2" > 1</code> // true <p>JavaScript の比較動作にはいくつかの機能があります: </p> <p><code>null == undefined</code> // true <code>null === undefined</code> // false <code>NaN == NaN</code> // false (NaN は、「それ自体を含め、どの値とも等しくない」と定義されます)</p> <p><strong>論理演算子:</strong></p> <p><strong><code>&&</code> (あり)</strong></p> <p><code>&&</code> 演算子は、両方のオペランドが true の場合にのみ <code>true</code> を返します。 </p> <p><code>true && true</code> // true <code>true && false</code> // false <code>false && true</code> // false <code>false && false</code> // false</p> <p>JavaScript は左から右に値を計算します。左側のオペランドが true の場合、右側のオペランドの評価が続行され、右辺値が返されます。 </p> <p><code>1 && 2</code> // 2 <code>1 && true && 3</code> // 3</p> <p>偽の値が見つかった場合は、停止して偽の値を返します。 </p> <p><code>1 && null</code> // null <code>1 && 2 && undefined</code> // 未定義</p> <p>すべてのオペランドが true の場合、最後の値を返します。 </p> <p><code>1 && 2 && 3</code> // 3</p> <p><strong><code>||</code> (または)</strong></p> <p><code>||</code> 演算子は、どちらかのオペランドが true の場合に <code>true</code> を返します。 </p> <p><code>true || true</code> // true <code>true || false</code> // true <code>false || true</code> // true <code>false || false</code> // false</p> <p>JavaScript は左から右に値を計算します。最初に見つかった true 値を返します。 </p> <p><code>null || 1</code> // 1 <code>undefined || 0 || 2 || 5</code> // 2</p> <p>どのオペランドも true でない場合は、最後の値が返されます。 </p> <p><code>null || undefined || 0</code> // 0</p> <p><strong><code>!</code> (非)</strong></p> <p><code>!</code> 演算子は、オペランドのブール値を反転します。オペランドをブール値 (<code>true</code> または <code>false</code>) に変換し、その逆の値を返します。 </p> <p><code>!true</code> // false <code>!0</code> // true <code>if (!true) {</code> <code>console.log("This won't run.");</code> <code>}</code></p> <p><strong>Null 値合体演算子: <code>??</code></strong></p> <p>null 合体演算子 <code>??</code> は新しい演算子 (ES2020) です。これは、値が <code>null</code> または <code>undefined</code> であるかどうかを確認し、デフォルト値を返す必要がある状況を処理するのに役立ちます。 </p> <p>構文: <code>let value = a ?? b;</code></p> <p><code>a</code>が<code>null</code>でも<code>undefined</code>でもない場合、<code>a</code>を返します。 <code>a</code> が <code>null</code> または <code>undefined</code> の場合、<code>b</code> が返されます。 </p>この演算子は、<p>、<code>null</code>、<code>undefined</code>、または<code>0</code>およびその他の誤った値、および<code>""</code>（または）演算子の代わりに<code>false</code>または<code>||</code>の影響を特別に処理するため、有用です。偽の値として、2番目の値に置き換えられます。 </p> <p> <code>let height = 0;</code> <code>alert(height || 100); // 100 (因为 0 是假值)</code> <code>alert(height ?? 100); // 0 (因为 0 不是 null 或 undefined)</code>最初の真の値に戻ります </p>最初に定義された値に戻ります<p> <code>||</code>3つの-yuanコンピューティングシンボル：<code>??</code> </p> <p> <strong>文法： <code>? :</code> </strong>条件が計算されます。それが真の値である場合、</p>; <p> <code>let result = condition ? value1 : value2;</code>3つの元コンピューティングシンボルはシンプルで明確で、通常は単純な条件に使用されます。たとえば、</p> <p> <code>value1</code> ただし、<sernary>value2ステートメントなど）を実行することはお勧めしません。これにより、コードの読みやすさが低下します。 </sernary></p> <p> および</p>オペレーターは同様の結果を持っているように見えることがありますが、使用できません。 <p>オペレーターは、遭遇した最初の偽の値を返し、最初の値が<code>const className = isActive ? "red" : "blue";</code>または</p>である場合にのみ、2番目の値をバックします。実装したい動作によると、使用するオペレーターを検討することが重要です。 <p> <code>if</code> </p> </li> </ol>

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