### Operator dalam JavaScript
Pengendali dalam JavaScript ialah simbol khas yang digunakan untuk melaksanakan operasi pada nilai dan pembolehubah. Operasi ini boleh melibatkan aritmetik, tugasan, perbandingan, logik dan tindakan lain. Memahami pengendali adalah penting untuk melakukan pengiraan asas, perbandingan dan mengawal aliran kod anda.
JavaScript menyokong pelbagai jenis pengendali, dan mereka dikategorikan kepada jenis berikut:
### 1. **Operator Aritmetik**
Operator aritmetik digunakan untuk melakukan pengiraan matematik pada nombor.
Operator | Description | Example |
---|---|---|
Addition | 5 3 → 8 | |
- | Subtraction | 5 - 3 → 2 |
* | Multiplication | 5 * 3 → 15 |
/ | Division | 5 / 3 → 1.666... |
% | Modulus (Remainder) | 5 % 3 → 2 |
** | Exponentiation | 5 ** 2 → 25 |
Contoh:
let a = 10; let b = 2; console.log(a + b); // Output: 12 console.log(a - b); // Output: 8 console.log(a * b); // Output: 20 console.log(a / b); // Output: 5 console.log(a % b); // Output: 0 console.log(a ** b); // Output: 100
**
2. Operator Tugasan**
Operator tugasan digunakan untuk menetapkan nilai kepada pembolehubah.
Operator | Description | Example |
---|---|---|
= | Assign value | x = 5 |
= | Add and assign | x = 3 → x = x 3 |
-= | Subtract and assign | x -= 2 → x = x - 2 |
*= | Multiply and assign | x *= 4 → x = x * 4 |
/= | Divide and assign | x /= 2 → x = x / 2 |
%= | Modulus and assign | x %= 3 → x = x % 3 |
**= | Exponentiation and assign | x **= 2 → x = x ** 2 |
Contoh:
let a = 10; let b = 2; console.log(a + b); // Output: 12 console.log(a - b); // Output: 8 console.log(a * b); // Output: 20 console.log(a / b); // Output: 5 console.log(a % b); // Output: 0 console.log(a ** b); // Output: 100
### 3. **Operator Perbandingan**
Operator perbandingan digunakan untuk membandingkan nilai dan mengembalikan Boolean (benar atau palsu) berdasarkan syarat.
Operator | Description | Example |
---|---|---|
== | Equal to (loose) | 5 == '5' → true |
=== | Equal to (strict) | 5 === '5' → false |
!= | Not equal to (loose) | 5 != '5' → false |
!== | Not equal to (strict) | 5 !== '5' → true |
> | Greater than | 5 > 3 → true |
< | Less than | 5 < 3 → false |
>= | Greater than or equal | 5 >= 5 → true |
<= | Less than or equal | 5 <= 3 → false |
Contoh:
let x = 10; x += 5; // x = x + 5 -> 15 x *= 2; // x = x * 2 -> 30 console.log(x); // Output: 30 <hr> <p><strong>### 4. **Operator Logik</strong>**<br> Operator logik digunakan untuk melaksanakan operasi logik, mengembalikan nilai Boolean.</p> <div><table> <thead> <tr> <th>Operator</th> <th>Description</th> <th>Example</th> </tr> </thead> <tbody> <tr> <td>&&</td> <td>Logical AND</td> <td> true && false → false </td> </tr> <tr> <td>`</td> <td></td> <td>`</td> </tr> <tr> <td>!</td> <td>Logical NOT</td> <td> !true → false </td> </tr> </tbody> </table></div> <p><strong>#### Contoh:</strong><br> </p> <pre class="brush:php;toolbar:false">console.log(5 == '5'); // Output: true (loose comparison) console.log(5 === '5'); // Output: false (strict comparison) console.log(10 > 5); // Output: true console.log(3 <= 2); // Output: false
### 5. **Operator Unari**
Operator unary beroperasi pada satu operan untuk melakukan tindakan tertentu.
Operator | Description | Example |
---|---|---|
Increment | x → x = x 1 | |
-- | Decrement | x-- → x = x - 1 |
typeof | Type of operand | typeof x → number |
void | Evaluates expression without returning a value | void(0) |
#### Contoh:
let a = true; let b = false; console.log(a && b); // Output: false console.log(a || b); // Output: true console.log(!a); // Output: false
### 6. **Operator Ternary (Bersyarat)
**Pengendali ternary ialah singkatan untuk pernyataan if...else. Ia menilai keadaan dan mengembalikan satu daripada dua nilai berdasarkan sama ada syarat itu benar atau salah.
Operator | Description | Example |
---|---|---|
condition ? expr1 : expr2 | If condition is true, return expr1; otherwise, return expr2 | x > 10 ? 'Greater' : 'Lesser' |
*#### Contoh:
*
let a = 10; let b = 2; console.log(a + b); // Output: 12 console.log(a - b); // Output: 8 console.log(a * b); // Output: 20 console.log(a / b); // Output: 5 console.log(a % b); // Output: 0 console.log(a ** b); // Output: 100
### 7. **Pengendali Bitwise
**Pengendali bitwise melakukan operasi pada nombor binari.
Operator | Description | Example |
---|---|---|
& | AND | 5 & 3 → 1 |
` | ` | OR |
^ | XOR | 5 ^ 3 → 6 |
~ | NOT | ~5 → -6 |
<< | Left shift | 5 << 1 → 10 |
>> | Right shift | 5 >> 1 → 2 |
>>> | Unsigned right shift | 5 >>> 1 → 2 |
*#### Contoh:
*
let x = 10; x += 5; // x = x + 5 -> 15 x *= 2; // x = x * 2 -> 30 console.log(x); // Output: 30
### 8. **Spread Operator (...)
**Pengendali hamparan membenarkan anda membongkar elemen daripada tatasusunan atau objek ke dalam tatasusunan atau objek baharu.
*#### Contoh:
*
console.log(5 == '5'); // Output: true (loose comparison) console.log(5 === '5'); // Output: false (strict comparison) console.log(10 > 5); // Output: true console.log(3 <= 2); // Output: false
### Kesimpulan
Pengendali JavaScript adalah asas untuk melakukan pengiraan, perbandingan dan operasi logik. Sama ada anda memanipulasi nilai, membandingkannya atau mengawal aliran program anda, memahami pengendali ini adalah penting untuk pengekodan yang cekap. Gunakan operator yang betul berdasarkan tugas anda untuk memastikan kod bersih dan boleh dibaca.
Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.
Atas ialah kandungan terperinci Memahami Operator JavaScript: Panduan Lengkap dengan Contoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection

JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)

Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza. 1.Java adalah bahasa yang ditaip dan disusun secara statik, sesuai untuk aplikasi perusahaan dan sistem besar. 2. JavaScript adalah jenis dinamik dan bahasa yang ditafsirkan, terutamanya digunakan untuk interaksi web dan pembangunan front-end.
