Cara Melakukan Looping di JavaScript

Untuk mengambil isi dari variabel larik atau disebut juga array, kita dapat menggunakan perulangan atau looping dengan Javascript. Javascript menyediakan banyak cara untuk melakukan looping. Selain menggunakan while, anda juga dapat menggunakan perulangan for. Padahal looping dengan for ada banyak macamnya.

Pada kesempatan kali ini kita berbagi penggunaan perulangan Silahkan gunakan salah satu sesuai dengan kebutuhan anda. Anda memiliki tiga pilihan cara yang telah disediakan pada standar javaScript yaitu ECMAScript 5 ("ES5"), versi yang paling banyak didukung saat ini, dan dua lagi ditambahkan di ECMAScript 2015 ("ES2015", "ES6"):

Cara Melakukan Looping di JavaScript 

Ada tiga pilihan cara looping antara lain:

1. Menggunakan forEach

contoh:

1 2 3 4

var a = ["a", "b", "c"]; a.forEach (fungsi (entri) { console.log (entri); });

2. Menggunakan looping cara lama

contoh:

1 2 3 4

var a = ["a", "b", "c"]; for (index = 0; index < a.length; ++index) { console.log(a[index]); }

3. Menggunakan for in

1 2 3 4 5 6 7 8 9 10 11 12 13

var key; var a = []; a[0] = "a"; a[10] = "b"; a[10000] = "c"; for(key in a) { if (a.hasOwnProperty(key) && // These checks are /^0$|^[1-9]\d*$/.test(key) && // explained key <= 4294967294 // below ) { console.log(a[key]); } }

Selain ketiga cara diatas javaScript dengan standar ES5 menyediakan fungsi lain yang berhubungan dengan loop atau perulangan. Antara lain yaitu:

• every (berhenti mengulang saat pertama kali callback mengembalikan false atau sesuatu yang salah)
• some (berhenti mengulang saat pertama kali callback mengembalikan true atau sesuatu yang benar)
• filter (membuat array baru termasuk elemen di mana fungsi filter mengembalikan nilai benar dan menghilangkan yang mengembalikan salah)
• map (membuat array baru dari nilai yang dikembalikan oleh callback)
• reduce (membangun nilai dengan memanggil callback berulang kali, meneruskan nilai sebelumnya; lihat spesifikasi untuk detailnya; berguna untuk menjumlahkan konten larik dan banyak hal lainnya)
• reduceRight (seperti mengurangi, tetapi berfungsi dalam urutan menurun daripada naik)

4. Tambahan Opsi : Menggunakan Metode Each dengan jQuery

Anda juga bisa menggunakan looping dengan memanfaatkan metode each yang disediakan oleh jQuery. Untuk memanfaatkan metode .each anda perlu memastikan bahwa versi library jQuery yang anda download siap digunakan.

Contoh dengan jQuery:

1 2 3 4 5 6 7 8 9 10 11 12 13

//array biasa var arr = [ "one", "two", "three", "four", "five" ]; jQuery.each(arr, function() { $("#" + this).text("no " + this + "."); return (this != "four"); // mengembalikan nilai kecuali "five" }); //array object var obj = { one:1, two:2, three:3, four:4, five:5 }; jQuery.each(obj, function(i, val) { $("#" + i).append(document.createTextNode(" - " + val)); });

Artikel ini dirangkung dari hasil penelusuran dari stackoverflow dan doc jQuery. Demikian tulisan kali ini, semoga bermanfaat.