<p>深入探索JavaScript運(yùn)算子：從算術(shù)運(yùn)算子到三元運(yùn)算子</p> <p>本文將深入探討JavaScript運(yùn)算子。 </p> <p>JavaScript運(yùn)算子包括：</p> <ol> <li>算術(shù)運(yùn)算子：<code> </code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>**</code> </li> <li>否定運(yùn)算子：<code>-</code>（一元負(fù)號(hào)），<code>!</code>（邏輯非）</li> <li>比較運(yùn)算子：<code>></code>, <code><</code>, <code>>=</code>, <code><=</code>, <code>==</code>, <code>!=</code>, <code>===</code>, <code>!==</code></li> <li>邏輯運(yùn)算子：<code>&&</code>（與），<code>||</code>（或），<code>!</code>（非）</li> <li>空值合併運(yùn)算子：<code>??</code></li> <li>三元運(yùn)算子：<code>? :</code></li> </ol> <p><strong>真值與假值:</strong></p> <p>假值：0, "" (空字串), <code>false</code>, <code>null</code>, <code>undefined</code>, 和 <code>NaN</code> 真值：其他所有值</p> <p><strong>操作數(shù):</strong></p> <p>運(yùn)算子作用於的值或變數(shù)。例如，在表達(dá)式 <code>5 2</code> 中，數(shù)字 5 和 2 是運(yùn)算式。 </p> <p><strong>一元運(yùn)算子:</strong></p> <p>運(yùn)算子作用於單一運(yùn)算元時(shí)，稱為一元運(yùn)算子。例如：<code> 5</code>, <code>-x</code>（對(duì) x 取反），或 <code>typeof "123"</code>。 </p> <p><strong>二元運(yùn)算子:</strong></p> <p>運(yùn)算子作用於兩個(gè)運(yùn)算元時(shí)，稱為二元運(yùn)算子。例如：<code>5 2</code>, <code>x * y</code>。 </p> <p><strong>算術(shù)運(yùn)算子:</strong> <code> </code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>**</code></p> <p>JavaScript會(huì)在運(yùn)算中隱式轉(zhuǎn)換型別。例如：</p> <p><code>5 - "3"</code> 結(jié)果為整數(shù) 2（"3" 轉(zhuǎn)換為整數(shù) 3 進(jìn)行減法運(yùn)算） <code>10 % "3"</code> 結(jié)果為整數(shù) 1</p> <p><strong><code> </code> 運(yùn)算子的特殊行為:</strong></p> <p>對(duì)於字串，<code> </code> 運(yùn)算子會(huì)將它們連接起來(lái)。例如：</p> <p><code>let value = "hello" "world" "!";</code> // "helloworld!"</p> <p>這種行為與其他算術(shù)運(yùn)算符不同。如果任一運(yùn)算元為字串類型，<code> </code> 運(yùn)算子將連接運(yùn)算元。例如：</p> <p><code>"10" 4</code> 結(jié)果為字串 "104"。 <code>1 1 "5"</code> 結(jié)果為字串 "25"（從左到右計(jì)算）。 </p> <p><strong>一元 <code> </code>:</strong></p> <p>一元 <code> </code> 運(yùn)算子將非數(shù)字轉(zhuǎn)換為數(shù)字。它是 <code>Number()</code> 的簡(jiǎn)寫。例如：</p> <p><code> "123"</code> // 123 <code> true</code> // 1 <code> ""</code> // 0</p> <p><strong>否定運(yùn)算子:</strong></p> <p>一元 <code>-</code> 運(yùn)算子對(duì)數(shù)字或變數(shù)取反，有效翻轉(zhuǎn)其符號(hào)。例如：</p> <p><code>let x = 3;</code> <code>console.log(-x);</code> // -3</p> <p><strong>比較運(yùn)算子:</strong></p><p>比較運(yùn)算符比較數(shù)字，這與我們從數(shù)學(xué)中了解的一樣。對(duì)於字符串，JavaScript 基於字母順序或詞法順序進(jìn)行比較。您可以參考字符編碼表（ASCII 或 Unicode）。在執(zhí)行比較時(shí)，JavaScript 會(huì)根據(jù)需要將值轉(zhuǎn)換為數(shù)字。例如：</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>邏輯運(yùn)算符:</strong></p> <p><strong><code>&&</code> (與)</strong></p> <p><code>&&</code> 運(yùn)算符只有當(dāng)兩個(gè)操作數(shù)都為真值時(shí)才返回 <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 從左到右計(jì)算值。如果左操作數(shù)為真值，則繼續(xù)計(jì)算右操作數(shù)並返回右值。 </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> // undefined</p> <p>如果所有操作數(shù)都為真值，則返回最後一個(gè)值。 </p> <p><code>1 && 2 && 3</code> // 3</p> <p><strong><code>||</code> (或)</strong></p> <p><code>||</code> 運(yùn)算符如果任一操作數(shù)為真值則返回 <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 從左到右計(jì)算值。它返回遇到的第一個(gè)真值。 </p> <p><code>null || 1</code> // 1 <code>undefined || 0 || 2 || 5</code> // 2</p> <p>如果沒(méi)有操作數(shù)為真值，則返回最後一個(gè)值。 </p> <p><code>null || undefined || 0</code> // 0</p> <p><strong><code>!</code> (非)</strong></p> <p><code>!</code> 運(yùn)算符反轉(zhuǎn)操作數(shù)的布爾值。它將操作數(shù)轉(zhuǎn)換為布爾值（<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>空值合併運(yùn)算符：<code>??</code></strong></p> <p>空值合併運(yùn)算符 <code>??</code> 是較新的運(yùn)算符 (ES2020)。它有助於處理需要檢查值是否為 <code>null</code> 或 <code>undefined</code> 並返回默認(rèn)值的情況。 </p> <p>語(yǔ)法：<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>此運(yùn)算符很有用，因?yàn)樗鼘ｉT處理<code>null</code> 或<code>undefined</code>，而不受<code>0</code>, <code>""</code> 或<code>false</code> 等假值的影響，而<code>||</code> (或) 運(yùn)算符會(huì)將它們視為假值並用第二個(gè)值替換。 </p> <p><code>let height = 0;</code> <code>alert(height || 100); // 100 (因?yàn)?0 是假值)</code> <code>alert(height ?? 100); // 0 (因?yàn)?0 不是 null 或 undefined)</code></p> <p><code>||</code> 返回第一個(gè)真值 <code>??</code> 返回第一個(gè)已定義的值</p> <p><strong>三元運(yùn)算符：<code>? :</code></strong></p> <p>語(yǔ)法：<code>let result = condition ? value1 : value2;</code></p> <p>條件被計(jì)算。如果為真值，則返回 <code>value1</code>；否則，返回 <code>value2</code>。 </p> <p>三元運(yùn)算符簡(jiǎn)潔明了，通常用於簡(jiǎn)單的條件賦值。例如：</p> <p><code>const className = isActive ? "red" : "blue";</code></p> <p>但是，不建議使用三元運(yùn)算符來(lái)執(zhí)行不同的代碼塊（如 <code>if</code> 語(yǔ)句）。這會(huì)導(dǎo)致代碼可讀性降低。 </p> <p><code>||</code> 和 <code>??</code> 運(yùn)算符有時(shí)看起來(lái)會(huì)產(chǎn)生類似的結(jié)果，但它們不能互換使用。 <code>&&</code> 運(yùn)算符返回它遇到的第一個(gè)假值，而 <code>??</code> 只有在第一個(gè)值為 <code>null</code> 或 <code>undefined</code> 時(shí)才返回第二個(gè)值。根據(jù)您想要實(shí)現(xiàn)的行為，仔細(xì)考慮使用哪個(gè)運(yùn)算符非常重要。 </p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173777947349716.jpg" class="lazy" alt="Understanding JavaScript Operators: From Arithmetic to Ternary"></p> </li> </ol>

以上是了解JavaScript操作員：從算術(shù)到三元的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！