Rumah > hujung hadapan web > tutorial js > Memahami Operator JavaScript

Memahami Operator JavaScript

Mary-Kate Olsen
Lepaskan: 2024-12-30 19:04:09
asal
885 orang telah melayarinya

Understanding JavaScript Operators

Dalam JavaScript, operator ialah simbol atau kata kunci khas yang digunakan untuk melaksanakan operasi pada nilai dan pembolehubah. Mereka membenarkan kami memanipulasi data dan mengawal aliran kod. Mari kita pecahkan jenis pengendali yang paling biasa digunakan dan tujuannya:

1️⃣ Operator Tugasan (=)

Operator penugasan digunakan untuk menetapkan nilai kepada pembolehubah.
? Contoh:

let x = 10 // Assigns the value 10 to variable x
let y = 5 // Assigns the value 5 to variable y
Salin selepas log masuk

2️⃣ Operator Aritmetik

Operator aritmetik melakukan operasi matematik asas pada nombor.

  1. (Tambahan)
  2. - (Tolak)
  3. * (Pendaraban)
  4. / (Bahagian)
  5. % (Modulus – baki bahagian)
  6. ** (Eksponensiasi (ES2016))
  7. (Kenaikan)
  8. -- (Pengurangan)

? Contoh:

console.log("x + y = " + (x + y)) // Output: x + y = 15
console.log("x - y = " + (x - y)) // Output: x - y = 5
console.log("x / y = " + (x / y)) // Output: x / y = 2
console.log("x * y = " + (x * y)) // Output: x * y = 50
console.log("x % y = " + (x % y)) // Output: x % y = 0
console.log("(x**y) = " + (x**y)) // Output: (x**y) = 100000
console.log("(++x) = " + (++x)) // Output: (++x) = 11
console.log("(x++) = " + (x++)) // Output: (x++) = 11
console.log("(--y) = " + (--y)) // Output: (--y) = 4
console.log("(y--) = " + (y--)) // Output: (y--) = 4
Salin selepas log masuk

3️⃣ Operator Perbandingan

Operator perbandingan membandingkan dua nilai dan mengembalikan Boolean (benar atau salah). Ini sering digunakan dalam gelung dan pernyataan bercabang.

  1. == (Sama dengan)
  2. === (Sama dengan)
  3. != (Tidak sama dengan)
  4. !== (Sememangnya tidak sama dengan)
  5. < (Kurang daripada)
  6. > (Lebih hebat daripada)
  7. <= (Kurang daripada atau sama dengan)
  8. >= (Lebih besar daripada atau sama dengan)

? Contoh:

console.log("(x == y) = " + (x == y)) // Output: (x == y) = false
console.log("(x != y) = " + (x != y)) // Output: (x != y) = true
// Compares datatypes also
console.log("(x === y) = " + (x === y)) // Output: (x === y) = false
// Compares datatypes also
console.log("(x !== y) = " + (x !== y)) // Output: (x !== y) = true
console.log("(x > y) = " + (x > y)) // Output: (x > y) = true
console.log("(x >= y) = " + (x >= y)) // Output: (x >= y) = true
console.log("(y < x) = " + (y < x)) // Output: (y < x) = true
console.log("(y <= x) = " + (y <= x)) // Output: (y <= x) = true
Salin selepas log masuk

4️⃣ Operator Logik

Pengendali logik digunakan untuk melaksanakan operasi logik dan mengembalikan nilai Boolean (benar atau palsu).

  1. && (Logik DAN)
  2. || (Logik ATAU)
  3. ! (Logik BUKAN)

? Contoh:

let isValidNumber = (x > 8 && 8 > y) // If both condition are correct returns true otherwise false
console.log("(x > 8 && 8 > y) = " + isValidNumber) // Output: (x > 8 && 8 > y) = true

let isValidCheck = (x > 20 || 8 > y) // If one of condition is correct returns true otherwise false
console.log("(x > 20 || 8 > y) = " + isValidCheck) // Output: (x > 20 || 8 > y) = true

let isValid = false
console.log("(!isValid) = " + !isValid) // Output: (!isValid) = true
Salin selepas log masuk

5️⃣ Operator Rentetan

Pengendali adalah serba boleh dan boleh digunakan dengan rentetan untuk penggabungan (mencantumkan dua rentetan). Apabila digunakan dengan nombor, ia melakukan penambahan.

? Contoh:

// Concatenation
console.log("Richa " + "webDev") // Output: Richa webDev 
// Addition
console.log(10 + 5) // Output: 15
Salin selepas log masuk

6️⃣ Operator Ternary (? :)

Pengendali ternary ialah cara ringkas untuk melakukan semakan bersyarat. Ia mengembalikan satu nilai jika keadaan adalah benar dan satu lagi jika ia palsu.
? Sintaks:

condition ? valueIfTrue : valueIfFalse;
Salin selepas log masuk

? Contoh:

const isEven = 10 % 2 === 0 ? "Number is even" : "Number is old"
console.log("isEven = " + isEven) // Output: isEven = Number is even
Salin selepas log masuk

? Pengusik otak

Terangkan mengapa output coretan kod, yang melibatkan operasi num , --num, dan num--, menghasilkan nilai 21. Komen di bawah.

let num = 20
console.log("num = " + num) // Output: (++num) = 21
console.log("(++num) = " + (++num)) // Output: (++num) = 21
console.log("(num++) = " + (num++)) // Output: (num++) = 21
console.log("(--num) = " + (--num)) // Output: (--num) = 21
console.log("(num--) = " + (num--)) // Output: (num--) = 21
Salin selepas log masuk

Output:

num = 20
(++num) = 21
(num++) = 21
(--num) = 21
(num--) = 21
Salin selepas log masuk

Kesimpulan

Pengendali JavaScript ialah blok binaan asas yang membantu anda menulis kod yang berkesan dan cekap. Dengan menguasainya, anda boleh melakukan pelbagai operasi, daripada tugasan mudah kepada semakan logik yang kompleks. Eksperimen dengan pengendali ini untuk lebih memahami tingkah laku mereka!
Selamat mengekod ✨

Atas ialah kandungan terperinci Memahami Operator JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan