Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript

Belajar Ilmu Komputer Dengan JavaScript: Bagian 3, Loop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Learn Computer Science with JavaScript.
Learn Computer Science With JavaScript: Part 4, Functions

Indonesian (Bahasa Indonesia) translation by Dian Sapta Priambogo (you can also view the original English article)

Pengantar

Misalkan Anda diberi tugas untuk menulis sebuah program yang menampilkan angka 1–100. Salah satu cara Anda dapat mengerjakan soal ini adalah dengan menulis 100 pernyataan console.log. Tetapi saya yakin Anda tidak akan melakukannya karena Anda sudah muak dengan garis 9 atau 10.

Satu-satunya bagian yang berubah dalam setiap pernyataan adalah angka, jadi harus ada cara untuk menulis hanya satu pernyataan. Dan itu bisa dengan loop. Loop mengizinkan kita melakukan serangkaian langkah dalam blok kode berulang kali.

Isi

  • While loop
  • Do-while loop
  • For loop
  • Array
  • For-in loop
  • For-of loop
  • Ulasan
  • Sumber Lainnya

While Loop

While loop akan mengeksekusi serangkaian pernyataan berulang kali sementara beberapa kondisi true. Ketika kondisinya false, program akan keluar dari loop. Jenis loop ini menguji kondisi sebelum melakukan iterasi. Iterasi adalah eksekusi dari tubuh loop. Contoh berikut tidak akan menampilkan apa pun karena kondisinya false.

Ini adalah bentuk umum dari while loop:

Satu hal yang perlu diperhatikan saat menggunakan loop adalah membuat loop yang tidak pernah berakhir. Ini terjadi karena kondisinya tidak pernah menjadi false. Jika itu terjadi pada Anda, program Anda akan crash. Contoh:

Tugas

Berapa kali tubuh loop ini dieksekusi:

Do-While Loop

Do-while loop akan menjalankan isi pernyataan terlebih dahulu, dan kemudian memeriksa kondisinya. Jenis loop ini berguna ketika Anda tahu Anda ingin menjalankan kode setidaknya sekali. Contoh berikut akan menampilkan "eat" sekali, meskipun kondisinya salah.

Ini adalah bentuk umum untuk do while-loop:

Tugas

Tulis do-while loop yang akan menampilkan angka 1–10.

For Loop

For-loop akan mengulangi eksekusi blok kode untuk jumlah waktu tertentu. Contoh berikut menampilkan angka 1–10:

Ini adalah bentuk umum for-loop:

Initial adalah ekspresi yang menetapkan nilai variabel kita. Condition adalah ekspresi yang harus true untuk pernyataan agar dieksekusi. Dan step adalah ekspresi yang menambah nilai variabel kita.

Salah satu pola pemrograman adalah menggunakan for loop untuk memperbarui nilai sebuah variabel dengan dirinya sendiri dan sebuah nilai baru. Contoh ini menjumlahkan angka 1–10:

+= adalah operator penugasan yang menambahkan nilai kembali ke variabel. Ini adalah daftar semua operator penugasan:

Operator
Contoh
Persamaan
+= x += 2
x = x + 2
-= x -= 2
x = x - 2
*= x *= 2
x = x * 2
/= x /= 2
x = x / 2
%= x %= 2
x = x % 2

Tugas

Tulis for loop yang menghitung faktorial suatu angka. Faktor bilangan nadalah produk dari semua bilangan bulat dari 1 hingga n. Misalnya, 4! (4 faktorial) adalah 1 x 2 x 3 x 4 yang sama dengan 24.

Array

Array adalah objek yang menyimpan daftar item, yang disebut elemen, yang diakses oleh indeks mereka. Indeks adalah posisi elemen dalam array. Elemen pertama adalah pada indeks 0. Berikut ini adalah beberapa operasi array yang umum.

Buat array kosong:

Inisialisasi array dengan nilai:

Dapatkan elemen dari array:

Perbarui elemen dalam array:

Loop dalam array:

Array dua dimensi adalah array yang elemen-elemennya adalah array. Contoh:

Ini adalah bagaimana Anda akan melakukan perulangan dalam array dan menampilkan setiap elemen:

Tugas

Elemen apa yang ditampilkan ketika i = 1 dan j = 0 pada for loop di atas?

For-In Loop

Jenis loop ini memungkinkan kita melakukan loop melalui tombol-tombol pada suatu objek. Objek adalah struktur data yang memiliki kunci yang dipetakan ke nilai. Berikut adalah beberapa operasi umum yang dapat dilakukan pada suatu objek.

Buat objek kosong:

Inisialisasi objek dengan nilai:

Mengambil properti dari objek:

Memperbarui properti di objek:

Loop dalam key sebuah objek:

Tugas

Apakah yang dilakukan for loop di atas menampilkan loop yang diberikan obj = {foo: "Hello", bar: "World"}?

For-Of Loop

Jenis loop ini memungkinkan kita melakukan loop pada nilai objek yang dapat diubah. Contoh objek yang dapat diubah adalah array dan string.

Loop dalam array:

Loop dalam string:

Tugas

Menggunakan salah satu loop, tulis sebuah program yang akan menampilkan pola tangga ini:

Ulasan

Loop memungkinkan kita mengurangi duplikasi dalam kode kita. While loop dapat mengulangi suatu tindakan sampai suatu kondisi false. Do-while loop akan mengeksekusi setidaknya sekali. For loop dapat mengulangi suatu tindakan sampai kita mencapai akhir hitungan. For-in loop dirancang agar kita dapat mengakses kunci dalam suatu objek. For-of loop dirancang agar kita bisa mendapatkan nilai dari objek yang dapat diulang.

Selanjutnya, di bagian 4, kita akan belajar tentang fungsi.

Sumber lainnya

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.