Pemrograman Web - JavaScript Loop & Fungsi

Assalamualaikum wr.wb
Pada Artikel kali ini saya akan membahas tentang Looping atau Pengulangan dalam JavaScript.

Apa itu Looping?
Yaa...  Looping itu pengulangan. kumpulan Kode dalam tanda {} akan dijalankan terus menerus selama Kondisi / Syarat terpenuhi.

Misal :
(Selama belum sampai tujuan)
{ Jalan }

(Selama belum berhasil)
{Usaha }


Untuk melakukan Looping dalam JavaScript digunakan While, Do While, dan, For.

While

While digunakan untuk melakukan perintah tertentu secara berulang selama Kondisi / Syarat terpenuhi. Penulisanya:

while (kondisi) {
//Kode yang ingin dijalankan
}

 Contohnya:

Loop Teks

See the Pen WhileLoop by Yasfa Zamzami (@Yasfa) on CodePen.

Bisa kita lihat dari Kodingan diatas bahwa perintah yang berada didalam { } diulangi terus selama Syarat x < 5 terpenuhi

 Do While

Do While nggak terlalu beda sama While. Cuma ada 2 perbedaan. Pertama, untuk Do While perintah di dalem { } dijalanin dulu baru Syaratnya di Cek (Kalau While sebaliknya) jadi minimal Kode akan dijalankan Sekali meskipun Syarat tidak terpenuhi. Dan kalau Do While penulisanya sedikit beda.

Penulisan Do While:

do {
 //Kode yang ingin dijalankan
} while (kondisi)

Loop Teks (Do While)

See the Pen pOBLyL by Yasfa Zamzami (@Yasfa) on CodePen.

 Bisa dilihat di Kodinganya sama seperti While hanya penulisanya yang sedikit berbeda

For

Pengulangan dalam For memiliki penulisan yang bener bener beda kalau dibandingin sama While dan Do While.

Begini penulisanya:

for (inisialisasi; kondisi; peubah){
//Kode yang ingin dijalankan
}

Inisialisasi disini dipakai untuk membuat variabel yang nantinya dipake buat pengulangan. Kondisi itu Syarat Loopnya, dan peubah itu proses Increment / Decrement yang dijalanin setiap kali Loop selesai

Contohnya begini

Pengulangan Teks (For)

See the Pen ForLoop by Yasfa Zamzami (@Yasfa) on CodePen.

Bisa kita lihat bahwa pengulangan dalam For ini proses pembuatan Variabel dan Increment / Decrement nya disatukan jadi 1 Line.

ada juga contoh lain seperti ini:

See the Pen dqLmOP by Yasfa Zamzami (@Yasfa) on CodePen.

Fungsi

Apa itu Fungsi?
Fungsi adalah beberapa perintah yang dikelompokan jadi satu agar sekumpulan fungsi perintah barusan bisa dipanggil dengan mudah (Nggak usah Cape cape ketik ulang atau Copas)

Begini Penulisanya:

function namaFungsi (parameter) {
//Perintah yang dijalankan
}

Dalam Fungsi ada yang disebut Parameter, Parameter itu nilai yang akan diproses oleh Fungsi. Kita juga bisa membuat Fungsi tanpa Parameter.

Contoh penggunaan Fungsi seperti ini:

Fungsi Sapa

See the Pen Sapa by Yasfa Zamzami (@Yasfa) on CodePen.

Bisa kita lihat bahwa fungsi Sapa berfungsi untuk menampilkan Sapaan sesuai Nama yang kita simpan dalam Parameternya. Lalu ada juga fungsi sayHalo yang menampilkan Sapaan tanpa Parameter

Selain itu ada juga Fungsi bawaan JavaScript yaitu fungsi yang sudah jadi dari JavaScriptnya langsung. Misalnya fungsi CharAt() yanb berfungsi untuk mengetahui Posisi Huruf (Karakter) dalam Kata tertentu

Misalnya:

Amelia

See the Pen Amelia by Yasfa Zamzami (@Yasfa) on CodePen.

Bisa kita lihat bahwa kita bisa mengetahui urutan Huruf / Karakter ke 3 dari nama "Amelia" yaitu e namun sebenarnya perhitunganya dimulai dari 0, Jadi sebenarnya untuk mendapatkan Karakter ke 3 kita harus mengetik angka 2

IndeksOf

 

See the Pen IndeksOf by Yasfa Zamzami (@Yasfa) on CodePen.

Barusan adalah Contoh penggunaan Indeks Of. Bisa kita lihat bahwa IndeksOf  berfungsi untuk mendapatkan nilai / urutan Indeks (Dimulai dari 0) dalam kasus ini kata Bandung Indeksnya adalah 13


Rumus Luas Alas & Volume

See the Pen Luas & Volume by Yasfa Zamzami (@Yasfa) on CodePen.

Kita juga bisa menggunakan Fungsi untuk membuat suatu perhitungan dengan memasukan Angka yang mau dihitung menjadi sebuah Fungsi


Sekian saja untuk Artikel kali ini
Wassalamualaikum wr.wb