Memahami Pengendali JavaScript: Dari Aritmetik ke Ternary

<p>Penerokaan mendalam tentang operator JavaScript: daripada operator aritmetik kepada operator ternary</p> <p>Artikel ini akan melihat secara mendalam tentang pengendali JavaScript. </p> <p>Pengendali JavaScript termasuk: </p> <ol> <li>Pengendali aritmetik: <code> </code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>**</code> </li> <li> Operator penolakan: <code>-</code> (tanda negatif unari), <code>!</code> (tidak logik) </li> <li>Operator perbandingan: <code>></code>, <code><</code>, <code>>=</code>, <code><=</code>, <code>==</code>, <code>!=</code>, <code>===</code>, <code>!==</code></li> <li> Operator logik: <code>&&</code> (DAN), <code>||</code> (ATAU), <code>!</code> (bukan) </li> <li>Pengendali penggabungan nilai nol: <code>??</code></li> <li>Pengendali Ternary: <code>? :</code></li> </ol> <p><strong>Nilai benar dan salah:</strong></p> <p>Nilai palsu: 0, "" (rentetan kosong), <code>false</code>, <code>null</code>, <code>undefined</code> dan <code>NaN</code> Nilai sebenar: semua nilai lain </p> <p><strong>Operasi:</strong></p> <p>Nilai atau pembolehubah yang pengendali bertindak. Contohnya, dalam ungkapan <code>5 2</code>, nombor 5 dan 2 ialah operan. </p> <p><strong>Pengendali unary:</strong></p> Apabila operator <p> bertindak pada satu operan, ia dipanggil operator unari. Contohnya: <code> 5</code>, <code>-x</code> (menafikan x), atau <code>typeof "123"</code>. </p> <p><strong>Pengendali binari:</strong></p> Apabila operator <p> bertindak pada dua operan, ia dipanggil operator binari. Contohnya: <code>5 2</code>, <code>x * y</code>. </p> <p><strong>Operator aritmetik:</strong> <code> </code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>**</code></p> <p>JavaScript akan secara tersirat menukar jenis semasa operasi. Contohnya: </p> <p><code>5 - "3"</code> Hasilnya ialah integer 2 ("3" ditukar kepada integer 3 untuk penolakan) <code>10 % "3"</code> Hasilnya ialah integer 1</p> <p><strong><code> </code> Gelagat istimewa pengendali: </strong></p> <p>Untuk rentetan, pengendali <code> </code> akan menggabungkannya. Contohnya: </p> <p><code>let value = "hello" "world" "!";</code> // "helloworld!"</p> <p>Tingkah laku ini berbeza daripada pengendali aritmetik lain. Jika mana-mana operan daripada jenis rentetan, operator <code> </code> menggabungkan operan. Contohnya: </p> <p><code>"10" 4</code> Hasilnya ialah rentetan "104". <code>1 1 "5"</code> Hasilnya ialah rentetan "25" (dikira dari kiri ke kanan). </p> <p><strong>Satu dolar <code> </code>:</strong></p> <p>Operator <code> </code> unary menukar bukan nombor kepada nombor. Ia adalah singkatan untuk <code>Number()</code>. Contohnya: </p> <p><code> "123"</code> // 123 <code> true</code> // 1 <code> ""</code> // 0</p> <p><strong> Pengendali penolakan: </strong></p> <p>Operator <code>-</code> unary menafikan nombor atau pembolehubah, dengan berkesan membalikkan tandanya. Contohnya: </p> <p><code>let x = 3;</code> <code>console.log(-x);</code> // -3</p> <p><strong>Operator perbandingan:</strong></p><p> Pengendali perbandingan membandingkan nombor, yang sama dengan apa yang kita tahu dari matematik. Untuk rentetan, JavaScript dibandingkan berdasarkan susunan huruf atau frasa. Anda boleh merujuk kepada Jadual Kod Karakter (ASCII atau Unicode). Apabila melakukan perbandingan, JavaScript akan menukar nilai kepada nombor seperti yang diperlukan. Contohnya: <st> </p> </> // True <p> <code>"2" > 1</code> JavaScript mempunyai beberapa ciri dalam tingkah laku perbandingannya: <p> > // benar </p> // palsu <p> // palsu (nan ditakrifkan sebagai "tidak sama dengan apa -apa nilai, termasuk dirinya sendiri") <code>null == undefined</code> <code>null === undefined</code> pengendali logik: <code>NaN == NaN</code> </p> <p> <sh> (dan) <strong> </strong> </sh></p> Pengendali pulangan <p> hanya apabila kedua -dua operasi adalah nilai sebenar. <strong> <code>&&</code> > // benar </strong> // palsu </p> // palsu <p> // palsu <code>&&</code> <code>true</code> JavaScript mengira nilai dari kiri ke kanan. Jika bilangan operasi kiri adalah nilai sebenar, terus mengira bilangan operasi yang betul dan mengembalikan nilai yang betul. </p> <p> // 2 <code>true && true</code> // 3 <code>true && false</code> Jika nilai palsu ditemui, hentikan dan kembalikan nilai palsu. <code>false && true</code> <code>false && false</code> > // null </p> // Undefined <p> </p> Jika semua operasi adalah nilai yang benar, kembalikan nilai terakhir. <p> <code>1 && 2</code> // 3 <code>1 && true && 3</code> </p> <p> (atau) </p> <p> <code>1 && null</code> Jika bilangan pengendali adalah nilai sebenar, ia kembali <code>1 && 2 && undefined</code>. </p> <p> > // benar </p> // benar <p> // benar <code>1 && 2 && 3</code> // palsu </p> <p> JavaScript mengira nilai dari kiri ke kanan. Ia mengembalikan nilai sebenar pertama yang dihadapi. <strong> <code>||</code> > // 1 </strong> // 2 </p> Jika bilangan operasi adalah benar, nilai terakhir dikembalikan. <p> <code>||</code> // 0 <code>true</code> </p> <p> (non) <code>true || true</code> <code>true || false</code> <code>false || true</code> nilai bursa bilangan pengendali dalam watak operasi. Ia menukarkan bilangan operasi ke nilai boolean (<code>false || false</code> atau </p>), dan kemudian mengembalikan nilai yang bertentangan. <p> </p> > // palsu <p> // benar <code>null || 1</code> <code>undefined || 0 || 2 || 5</code> </p> <p> Pengendali Penggabungan Nilai Udara: </p> <p> <code>null || undefined || 0</code> </p> Nilai kosong Gabungan Karakter Pengkomputeran <p> adalah pengendali yang lebih baru (ES2020). Ia membantu untuk menangani sama ada nilai semak adalah <strong> atau <code>!</code> dan mengembalikan nilai lalai. </strong> </p> tatabahasa: <p> <code>!</code> jika tidak <code>true</code> atau <code>false</code>, maka </p>. Jika <p> adalah atau <code>!true</code>, maka <code>!0</code>. <code>if (!true) {</code></p> <p> pengendali ini berguna kerana ia secara khusus mengendalikan pengaruh <code>null</code> atau <code>undefined</code> bukan <code>0</code>, <code>""</code> atau <code>false</code> dan nilai palsu lain, dan <code>||</code> (atau) pengendali mereka dianggap sebagai nilai palsu dan digantikan dengan nilai kedua. </p> <p> <code>let height = 0;</code> <code>alert(height || 100); // 100 (因为 0 是假值)</code> <code>alert(height ?? 100); // 0 (因为 0 不是 null 或 undefined)</code> <s> Kembali ke nilai sebenar pertama </s></p> kembali ke nilai pertama yang ditakrifkan <p> <code>||</code> simbol pengkomputeran tiga -yuan: <code>??</code> </p> <p> <strong> tatabahasa: <code>? :</code> </strong> Keadaan dikira. Jika ia adalah nilai sebenar, kembali </p>; <p> <code>let result = condition ? value1 : value2;</code> Tiga simbol pengkomputeran yuan adalah mudah dan jelas, dan biasanya digunakan untuk keadaan mudah. Contohnya: <st> </st></p> <p> <st> Walau bagaimanapun, tidak disyorkan untuk menggunakan simbol pengkomputeran ternary untuk melaksanakan blok kod yang berbeza (seperti <code>value1</code> pernyataan). Ini akan membawa kepada pembacaan kod yang dikurangkan. <code>value2</code> </st></p> dan <shop> pengendali kadang -kadang kelihatan mempunyai hasil yang sama, tetapi mereka tidak boleh digunakan. <p> Pengendali mengembalikan nilai palsu pertama yang dihadapi, dan </p> menyokong nilai kedua hanya apabila nilai pertama adalah <p> atau <code>const className = isActive ? "red" : "blue";</code>. Menurut tingkah laku yang anda ingin laksanakan, adalah penting untuk mempertimbangkan pengendali yang digunakan. </p> <p> <code>if</code> </p></shop> </li> </ol>

Atas ialah kandungan terperinci Memahami Pengendali JavaScript: Dari Aritmetik ke Ternary. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!