Rumah  >  Artikel  >  hujung hadapan web  >  Menguasai Operator Logik dalam JavaScript: `||`, `&&` dan `!`

Menguasai Operator Logik dalam JavaScript: `||`, `&&` dan `!`

Linda Hamilton
Linda Hamiltonasal
2024-09-19 16:31:03524semak imbas

Mastering Logical Operators in JavaScript: `||`, `&&`, and `!`

Dalam blog ini, kami akan meneroka operator logik dalam JavaScript: || (ATAU), && (DAN), dan ! (TIDAK). Pengendali ini penting untuk mewujudkan keadaan yang kompleks dan mengawal aliran program anda. Jom terjun!

Operator Logik || (ATAU)

Pengendali || mengembalikan nilai kebenaran pertama yang ditemuinya. Jika semua nilai palsu, ia mengembalikan nilai terakhir.

Sintaks:

result = value1 || value2 || value3;

Contoh:

let a = false;
let b = null;
let c = "Hello";

let result = a || b || c;
console.log(result); // Output: "Hello"

Penjelasan:

  • a adalah palsu (palsu).
  • b adalah null (palsu).
  • c ialah "Hello" (benar).

Pengendali || mengembalikan nilai kebenaran pertama, iaitu "Hello".

Operator Logik && (DAN)

Pengendali && mengembalikan nilai palsu pertama yang ditemuinya. Jika semua nilai adalah benar, ia mengembalikan nilai terakhir.

Sintaks:

result = value1 && value2 && value3;

Contoh:

let x = true;
let y = 10;
let z = 0;

let result = x && y && z;
console.log(result); // Output: 0

Penjelasan:

  • x adalah benar (benar).
  • y adalah 10 (benar).
  • z adalah 0 (palsu).

Pengendali && mengembalikan nilai palsu pertama, iaitu 0.

Operator Logik ! (BUKAN)

Pengendali ! mengembalikan nilai boolean yang bertentangan dengan operannya.

Sintaks:

result = !value;

Contoh:

let isTrue = true;
let isFalse = !isTrue;

console.log(isFalse); // Output: false

Penjelasan:

  • Benar adalah benar.
  • !isTrue kembali palsu.

Contoh Praktikal

Mari kita susun semuanya dengan beberapa contoh praktikal:

Menggunakan || untuk Nilai Lalai

function greet(name) {
  name = name || "Guest";
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Guest!

Penjelasan:

  • Jika nama tidak diberikan, pengendali || menetapkan nilai lalai "Tetamu".

Menggunakan && untuk Pelaksanaan Bersyarat

let user = {
  name: "John",
  age: 25,
  isAdmin: true
};

if (user.isAdmin && user.age > 18) {
  console.log("Welcome, Admin!");
} else {
  console.log("Welcome, User!");
}

Penjelasan:

  • Pengendali && menyemak sama ada kedua-dua syarat (user.isAdmin dan user.age > 18) adalah benar.

Menggunakan ! untuk Negasi

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Please log in.");
} else {
  console.log("Welcome back!");
}

Penjelasan:

  • Pengendali ! menafikan nilai isLoggedIn. Jika isLoggedIn adalah false!isLoggedIn adalah benar.

Ringkasan

  • || (ATAU): Mengembalikan nilai kebenaran pertama atau nilai terakhir jika semuanya palsu.
  • && (DAN): Mengembalikan nilai palsu pertama atau nilai terakhir jika semuanya benar.
  • ! (TIDAK): Mengembalikan nilai boolean yang bertentangan dengan operannya.

Kesimpulan

Pengendali logik ialah alat berkuasa dalam JavaScript yang membolehkan anda mencipta keadaan yang rumit dan mengawal aliran program anda. Dengan menguasai ||, && dan !, anda akan dapat menulis kod yang lebih dinamik dan cekap. Teruskan berlatih dan meneroka untuk mendalami pemahaman anda tentang operator logik dalam JavaScript.

Nantikan blog yang lebih mendalam tentang JavaScript! Selamat mengekod!

Atas ialah kandungan terperinci Menguasai Operator Logik dalam JavaScript: `||`, `&&` dan `!`. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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