9.5 KiB

Raw Permalink Blame History Unescape Escape

Asas JavaScript: Membuat Keputusan

Sketchnote oleh Tomomi Imura

Kuiz Pra-Kuliah

Membuat keputusan dan mengawal urutan kod anda dijalankan menjadikan kod anda boleh digunakan semula dan kukuh. Bahagian ini merangkumi sintaks untuk mengawal aliran data dalam JavaScript dan kepentingannya apabila digunakan dengan jenis data Boolean.

🎥 Klik imej di atas untuk video tentang membuat keputusan.

Anda boleh mengikuti pelajaran ini di Microsoft Learn!

Ulang Kaji Ringkas tentang Boolean

Boolean hanya boleh mempunyai dua nilai: true atau false. Boolean membantu membuat keputusan tentang baris kod mana yang perlu dijalankan apabila syarat tertentu dipenuhi.

Tetapkan boolean anda kepada true atau false seperti ini:

let myTrueBool = true
let myFalseBool = false

✅ Boolean dinamakan sempena ahli matematik, ahli falsafah, dan ahli logik Inggeris George Boole (1815–1864).

Operator Perbandingan dan Boolean

Operator digunakan untuk menilai syarat dengan membuat perbandingan yang akan menghasilkan nilai Boolean. Berikut adalah senarai operator yang sering digunakan.

Simbol	Penerangan	Contoh
`<`	Kurang daripada: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang daripada nilai di sebelah kanan	`5 < 6 // true`
`<=`	Kurang daripada atau sama dengan: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang atau sama dengan kanan	`5 <= 6 // true`
`>`	Lebih daripada: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada nilai di sebelah kanan	`5 > 6 // false`
`>=`	Lebih daripada atau sama dengan: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar atau sama dengan kanan	`5 >= 6 // false`
`===`	Kesamaan ketat: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kanan dan kiri adalah sama DAN jenis data juga sama	`5 === 6 // false`
`!==`	Ketidaksamaan: Membandingkan dua nilai dan mengembalikan nilai Boolean yang bertentangan dengan apa yang akan dikembalikan oleh operator kesamaan ketat	`5 !== 6 // true`

✅ Uji pengetahuan anda dengan menulis beberapa perbandingan dalam konsol penyemak imbas anda. Adakah data yang dikembalikan mengejutkan anda?

Pernyataan If

Pernyataan if akan menjalankan kod di antara bloknya jika syarat adalah benar.

if (condition) {
  //Condition is true. Code in this block will run.
}

Operator logik sering digunakan untuk membentuk syarat.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
}

Pernyataan If..Else

Pernyataan else akan menjalankan kod di antara bloknya apabila syarat adalah palsu. Ia adalah pilihan dengan pernyataan if.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

✅ Uji pemahaman anda tentang kod ini dan kod berikut dengan menjalankannya dalam konsol penyemak imbas. Tukar nilai pemboleh ubah currentMoney dan laptopPrice untuk menukar nilai yang dikembalikan oleh console.log().

Pernyataan Switch

Pernyataan switch digunakan untuk melaksanakan tindakan yang berbeza berdasarkan syarat yang berbeza. Gunakan pernyataan switch untuk memilih salah satu daripada banyak blok kod untuk dilaksanakan.

switch (expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
  // code block
}

// program using switch statement
let a = 2;

switch (a) {
  case 1:
    a = "one";
    break;
  case 2:
    a = "two";
    break;
  default:
    a = "not found";
    break;
}
console.log(`The value is ${a}`);

✅ Uji pemahaman anda tentang kod ini dan kod berikut dengan menjalankannya dalam konsol penyemak imbas. Tukar nilai pemboleh ubah a untuk menukar nilai yang dikembalikan oleh console.log().

Operator Logik dan Boolean

Keputusan mungkin memerlukan lebih daripada satu perbandingan, dan boleh digabungkan dengan operator logik untuk menghasilkan nilai Boolean.

Simbol	Penerangan	Contoh
`&&`	Logik DAN: Membandingkan dua ungkapan Boolean. Mengembalikan true hanya jika kedua-dua sisi adalah benar	`(5 > 6) && (5 < 6 ) //Satu sisi palsu, satu lagi benar. Mengembalikan false`
`\|\|`	Logik ATAU: Membandingkan dua ungkapan Boolean. Mengembalikan true jika sekurang-kurangnya satu sisi adalah benar	`(5 > 6) \|\| (5 < 6) //Satu sisi palsu, satu lagi benar. Mengembalikan true`
`!`	Logik TIDAK: Mengembalikan nilai bertentangan dengan ungkapan Boolean	`!(5 > 6) // 5 tidak lebih besar daripada 6, tetapi "!" akan mengembalikan true`

Syarat dan Keputusan dengan Operator Logik

Operator logik boleh digunakan untuk membentuk syarat dalam pernyataan if..else.

let currentMoney;
let laptopPrice;
let laptopDiscountPrice = laptopPrice - laptopPrice * 0.2; //Laptop price at 20 percent off

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is true. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Operator Negasi

Anda telah melihat bagaimana anda boleh menggunakan pernyataan if...else untuk mencipta logik bersyarat. Apa sahaja yang dimasukkan ke dalam if perlu dinilai kepada true/false. Dengan menggunakan operator !, anda boleh menegasikan ungkapan. Ia akan kelihatan seperti ini:

if (!condition) {
  // runs if condition is false
} else {
  // runs if condition is true
}

Ungkapan Ternari

if...else bukan satu-satunya cara untuk menyatakan logik keputusan. Anda juga boleh menggunakan sesuatu yang dipanggil operator ternari. Sintaksnya kelihatan seperti ini:

let variable = condition ? <return this if true> : <return this if false>

Berikut adalah contoh yang lebih konkrit:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Luangkan masa sebentar untuk membaca kod ini beberapa kali. Adakah anda memahami bagaimana operator ini berfungsi?

Kod di atas menyatakan bahawa:

jika firstNumber lebih besar daripada secondNumber
maka tetapkan firstNumber kepada biggestNumber
jika tidak, tetapkan secondNumber.

Ungkapan ternari hanyalah cara ringkas untuk menulis kod berikut:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

🚀 Cabaran

Cipta program yang ditulis terlebih dahulu dengan operator logik, dan kemudian tulis semula menggunakan ungkapan ternari. Apakah sintaks kegemaran anda?

Kuiz Pasca-Kuliah

Kuiz pasca-kuliah

Ulasan & Kajian Kendiri

Baca lebih lanjut tentang banyak operator yang tersedia untuk pengguna di MDN.

Lalui panduan operator yang hebat oleh Josh Comeau operator lookup!

Tugasan

Operator

Penafian:
Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI Co-op Translator. Walaupun kami berusaha untuk memastikan ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang berwibawa. Untuk maklumat penting, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.

9.5 KiB Raw Permalink Blame History Unescape Escape