Perulangan di TypeScript

Secara umum perulangan di typescript mirip dengan perulangan yang ada di bahasa pemrograman lain. Di sini kita akan membahas perulangan tersebut. Ada 3 jenis perulangan yang nantinya akan kita pelajari, yaitu For Loop, While Loop dan Do While Loop.

For Loop

Perulangan di typescript yang pertama adalah For Loop. For Loop di typescript memiliki 3 jenis, yaitu for loop biasa, for in dan for of. Berikut ini adalah contoh penggunaanya.

describe("For Loop", function (){
    it('should support for', () => {
        const students: string[] = ["Anggi", "Bony", "Cindy", "Dodit", "Eka"];
        for (let i:number = 0; i < students.length; i++) {
            console.info(students[i]);
        }

        for (const student of students) {
            console.info(student);
        }

        for (const studentsKey in students) {
            console.info(students[studentsKey]);
        }
    });
});

Mari kita cermati bersama contoh di atas. Pada contoh di atas, for loop pertama adalah for loop biasa yang sangat mirip dengan bahasa pemrograman lain. Pada for loop kedua, item pada array akan dibaca satu persatu dan dimasukkan ke variable student. Untuk loop yang ketiga yang dibaca adalah key dari array. Jadi jika ingin membaca value array kita harus menggunakan indexnya.

For in pada contoh sebelumnya menggunakan index berupa number. Aku akan memberikan contoh lain yang indexnya berupa string. Tapi, sebenarnya typescript tidak memiliki dukungan untuk membuat associative array sehingga untuk mendapatkan tipe data yang mirip dengan associative array kita akan menggunakan interface.

describe("For Loop", function (){
    it('should print key', () => {
        interface Student {
            [key: string]: string;
        }

        let students: Student = {};
        students["satu"] = "Anggi";
        students["dua"] = "Bony";
        students["tiga"] = "Cindy";

        for (const key in students) {
            console.info(key);
        }
    });
});

Jika kita menggunakan perulangan di typescript seperti di atas maka yang akan menjadi output adalah satu, dua dan tiga. Berikut ini adalah hasilnya eksekusinya.

While Loop

Perulangan di typescript selanjutnya adalah while loop. Penggunaan while loop sebenarnya sama saja dengan bahasa pemrograman lain. Berikut ini adalah contoh penggunaan while loop.

describe("While Loop", function () {
    it('should support while loop', () => {
        let counter: number = 0;
        while (counter < 10) {
            console.info(counter);
            counter++;
        }
    });
});

Pada contoh di atas kita buat dulu variable counter yang akan bergerak. While akan melakukan pengecekan apakah nilai counter kurang dari 10. Jika memenuhi, maka kode program di dalam while akan dijalankan, sebaliknya while akan berhenti jika kondisi tidak memenuhi. Pada contoh di atas, while akan berhenti ketika nilai counter sama dengan 10.

Perulangan di TypeScript Do While

Selanjutnya typescript juga mengenal perulangan do while. Perulangan ini mirip dengan while loop dimana perulangan akan dilakukan jika kondisi pada while memenuhi. Perbedaannya adalah di do while kode program akan dijalankan dulu baru pengecekan dilakukan. Untuk lebih jelasnya, perhatikan contoh berikut. Contoh di bawah ini adalah bentuk do while dari contoh yang sebelumnya kita buat.

describe("While Loop", function () {
    it('should support do while', () => {
        let counter: number = 0;
        do {
            console.info(counter);
            counter++;
        } while (counter < 10);
    });
});

Jika kode program di atas kita jalankan, hasilnya tidak akan ada bedanya dengan contoh pada while loop. Agar tahu bedanya, cobalah untuk mengubah nilai awal counter menjadi 10 pada kedua contoh tersebut. Dengan mengubah nilai counter menjadi 10 maka while tidak akan memberikan output karena pengecekan kondisi dilakukan di awal dan 10 tidak memenuhi karena 10 tidak kurang dari 10. Sedangkan pada do while dia akan tetap memberikan output karena kode program dijalankan dulu barulah pengecekan kondisi dilakukan.

Break dan Continue pada Perulangan di TypeScript

Dalam perulangan di typescript kita bisa menggunakan kata kunci break atau continue. Break digunakan untuk keluar dari perulangan meskipun belum waktu keluar. Sedangkan break digunakan untuk melewati kode program setelahnya dan melanjutkan perulangan. Untuk lebih jelasnya kita akan membuat contoh program yang mencari 5 bilangan prima.

describe("While Loop", function () {
    it('should support prime number', () => {
        let counter: number = 1;
        let primes:number[] = [];
        while (counter < 100) {
            counter++;
            //lewati bilangan genap
            if (counter != 2 && counter % 2 == 0) { continue; }

            let divisible: boolean = false;
            for (let i:number = 2; i < counter; i++) {
                if (counter % i == 0) {
                    divisible = true;
                    break;
                }
            }

            if (divisible) { continue; }
            primes.push(counter);
            if (primes.length == 5) { break; }

        }

        console.info(primes);
    });
});

Coba cermati contoh di atas. Bilangan genap selain 2 tidak mungkin menjadi bilangan prima. Jadi ketika kita mendapatkan bilangan genap dan itu bukan 2 lakukan continue ke bilangan selanjutnya. Jika bilangan ganjil maka kita harus melakukan pengecekan apakah ada bilangan yang bisa membagi bilangan tersebut sampai habis. Untuk melakukan pengecekan ini, kita gunakan for loop. Kita langsung keluar dari for loop jika kita menemukan pembagi. Jika semua kondisi memenuhi maka kita masukkan bilangan prima ke dalam array primes. Karena yang diminta hanya 5 bilangan maka kita keluar dari while loop jika primes.length sudah 5.

Penutup

Nah, demikianlah cara menggunakan perulangan di typescript. Mudah bukan? Selamat mencoba ya. Lain kali kita sambung dengan materi-materi lain tentang typescript.