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

Linda Hamilton
Lepaskan: 2024-09-19 16:31:03
asal
531 orang telah melayarinya

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;

Salin selepas log masuk

Contoh:

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

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

Salin selepas log masuk

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;

Salin selepas log masuk

Contoh:

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

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

Salin selepas log masuk

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;

Salin selepas log masuk

Contoh:

let isTrue = true;
let isFalse = !isTrue;

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

Salin selepas log masuk

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!

Salin selepas log masuk

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!");
}

Salin selepas log masuk

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!");
}

Salin selepas log masuk

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!

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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!