9.4 KiB

Raw Permalink Blame History Unescape Escape

Dasar-Dasar JavaScript: Membuat Keputusan

Sketchnote oleh Tomomi Imura

Kuis Sebelum Kuliah

Membuat keputusan dan mengontrol urutan kode Anda dijalankan membuat kode Anda dapat digunakan kembali dan tangguh. Bagian ini membahas sintaks untuk mengontrol aliran data dalam JavaScript dan pentingnya saat digunakan dengan tipe data Boolean.

🎥 Klik gambar di atas untuk menonton video tentang membuat keputusan.

Anda dapat mengikuti pelajaran ini di Microsoft Learn!

Sekilas Tentang Boolean

Boolean hanya memiliki dua nilai: true atau false. Boolean membantu membuat keputusan tentang baris kode mana yang harus dijalankan ketika kondisi tertentu terpenuhi.

Tetapkan boolean Anda menjadi true atau false seperti ini:

let myTrueBool = true
let myFalseBool = false

✅ Boolean dinamai berdasarkan matematikawan, filsuf, dan ahli logika Inggris George Boole (1815–1864).

Operator Perbandingan dan Boolean

Operator digunakan untuk mengevaluasi kondisi dengan membuat perbandingan yang akan menghasilkan nilai Boolean. Berikut adalah daftar operator yang sering digunakan.

Simbol	Deskripsi	Contoh
`<`	Kurang dari: Membandingkan dua nilai dan mengembalikan tipe data Boolean `true` jika nilai di sisi kiri lebih kecil daripada nilai di sisi kanan	`5 < 6 // true`
`<=`	Kurang dari atau sama dengan: Membandingkan dua nilai dan mengembalikan tipe data Boolean `true` jika nilai di sisi kiri lebih kecil atau sama dengan kanan	`5 <= 6 // true`
`>`	Lebih besar dari: Membandingkan dua nilai dan mengembalikan tipe data Boolean `true` jika nilai di sisi kiri lebih besar daripada nilai di sisi kanan	`5 > 6 // false`
`>=`	Lebih besar dari atau sama dengan: Membandingkan dua nilai dan mengembalikan tipe data Boolean `true` jika nilai di sisi kiri lebih besar atau sama dengan kanan	`5 >= 6 // false`
`===`	Kesetaraan ketat: Membandingkan dua nilai dan mengembalikan tipe data Boolean `true` jika nilai di kanan dan kiri sama DAN memiliki tipe data yang sama	`5 === 6 // false`
`!==`	Ketidaksamaan: Membandingkan dua nilai dan mengembalikan nilai Boolean yang berlawanan dengan apa yang akan dikembalikan oleh operator kesetaraan ketat	`5 !== 6 // true`

✅ Uji pemahaman Anda dengan menulis beberapa perbandingan di konsol browser Anda. Apakah ada data yang dikembalikan yang mengejutkan Anda?

Pernyataan If

Pernyataan if akan menjalankan kode di antara bloknya jika kondisinya benar.

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

Operator logika sering digunakan untuk membentuk kondisi.

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 kode di antara bloknya ketika kondisinya salah. Pernyataan ini bersifat opsional 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 kode ini dan kode berikut dengan menjalankannya di konsol browser. Ubah nilai variabel currentMoney dan laptopPrice untuk mengubah hasil console.log().

Pernyataan Switch

Pernyataan switch digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda. Gunakan pernyataan switch untuk memilih salah satu dari banyak blok kode yang akan dijalankan.

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 kode ini dan kode berikut dengan menjalankannya di konsol browser. Ubah nilai variabel a untuk mengubah hasil console.log().

Operator Logika dan Boolean

Keputusan mungkin memerlukan lebih dari satu perbandingan, dan dapat dirangkai dengan operator logika untuk menghasilkan nilai Boolean.

Simbol	Deskripsi	Contoh
`&&`	Logika AND: Membandingkan dua ekspresi Boolean. Mengembalikan true hanya jika kedua sisi benar	`(5 > 6) && (5 < 6 ) //Satu sisi salah, sisi lain benar. Mengembalikan false`
`\|\|`	Logika OR: Membandingkan dua ekspresi Boolean. Mengembalikan true jika setidaknya satu sisi benar	`(5 > 6) \|\| (5 < 6) //Satu sisi salah, sisi lain benar. Mengembalikan true`
`!`	Logika NOT: Mengembalikan nilai yang berlawanan dari ekspresi Boolean	`!(5 > 6) // 5 tidak lebih besar dari 6, tetapi "!" akan mengembalikan true`

Kondisi dan Keputusan dengan Operator Logika

Operator logika dapat digunakan untuk membentuk kondisi 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

Sejauh ini Anda telah melihat bagaimana Anda dapat menggunakan pernyataan if...else untuk membuat logika bersyarat. Apa pun yang masuk ke dalam if perlu dievaluasi menjadi true/false. Dengan menggunakan operator !, Anda dapat menegasikan ekspresi. Ini akan terlihat seperti ini:

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

Ekspresi Ternary

if...else bukan satu-satunya cara untuk mengekspresikan logika keputusan. Anda juga dapat menggunakan sesuatu yang disebut operator ternary. Sintaksnya terlihat seperti ini:

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

Berikut adalah contoh yang lebih nyata:

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

✅ Luangkan waktu sebentar untuk membaca kode ini beberapa kali. Apakah Anda memahami cara kerja operator ini?

Kode di atas menyatakan bahwa:

jika firstNumber lebih besar dari secondNumber
maka tetapkan firstNumber ke biggestNumber
jika tidak, tetapkan secondNumber.

Ekspresi ternary hanyalah cara ringkas untuk menulis kode berikut:

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

🚀 Tantangan

Buat program yang ditulis pertama kali dengan operator logika, lalu tulis ulang menggunakan ekspresi ternary. Sintaks mana yang Anda sukai?

Kuis Setelah Kuliah

Kuis setelah kuliah

Tinjauan & Studi Mandiri

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

Jelajahi alat pencarian operator yang luar biasa dari Josh Comeau di sini!

Tugas

Operator

Penafian:
Dokumen ini telah diterjemahkan menggunakan layanan penerjemahan AI Co-op Translator. Meskipun kami berupaya untuk memberikan hasil yang akurat, harap diperhatikan bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang berwenang. Untuk informasi yang bersifat kritis, disarankan menggunakan jasa penerjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang keliru yang timbul dari penggunaan terjemahan ini.

9.4 KiB Raw Permalink Blame History Unescape Escape