JavaScript menyertakan for loop seperti Java atau C #. Menggunakan for loop untuk mengeksekusi kode berulang kali. Show
Table of Contents
Table of Contents
Table of Contents
Syntax : for(initializer; condition; iteration)
{
// Code to be executed
}Perulangan for membutuhkan tiga bagian berikut.
Contoh Untuk For Loop <!DOCTYPE html>
<html>
<body>
<h2>Demo: for loop</h2>
<p id="p0"></p>
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>
<script>
for (var i = 0; i < 5; i++)
{
document.getElementById("p" + i).innerHTML = i;
}
</script>
</body>
</html>Dan untuk hasilnya sebagai berikut : Pada contoh di atas, var i = 0 adalah pernyataan penginisialisasi di mana kita mendeklarasikan variabel i dengan nilai 0. Bagian kedua, i <5 adalah kondisi di mana dia memeriksa apakah i kurang dari 5 atau tidak. Bagian ketiga, i ++ adalah pernyataan iterasi dimana kita menggunakan operator ++ untuk meningkatkan nilai i menjadi 1. Ketiga bagian ini dipisahkan oleh titik koma;. Perulangan for juga dapat digunakan untuk mendapatkan nilai untuk sebuah array. Contoh : <!DOCTYPE html>
<html>
<body>
<h2>Demo: for loop</h2>
<p id="p0"></p>
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>
<script>
var arr = [10, 11, 12, 13, 14];
for (var i = 0; i < 5; i++)
{
document.getElementById("p" + i).innerHTML = arr[i];
}
</script>
</body>
</html>Output dari code diatas adalah : 10, 11, 12, 13, 14 Harap diperhatikan bahwa tidak wajib menentukan penginisialisasi, kondisi, dan ekspresi kenaikan ke dalam tanda kurung. Kalian dapat menentukan penginisialisasi sebelum memulai for loop. Pernyataan kondisi dan kenaikan dapat dimasukkan ke dalam blok. Contoh : <!DOCTYPE html>
<html>
<body>
<h2>Demo: for loop</h2>
<p id="p0"></p>
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>
<script>
var arr = [10, 11, 12, 13, 14];
var i = 0;
for (; ;) {
if (i >= 5)
break;
document.getElementById("p" + i).innerHTML = arr[i];
i++;
}
</script>
</body>
</html>Itulah sedikit penjelasan dan contoh dari For Loop JavaScript Baiklah pada tutorial ini kita akan membahas jenis perulangan dan contoh perulangan yang ada di JavaScript. Konsep perulangan di JavaScript tidak jauh berbeda degan bahasa pemrograman yang umum dipelajari seperti c, php dan java. Pengertian PerulanganLooping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali. Maka perintah tersebut akan berhenti jika tulisan tersebut telah tampil sebanyak 5 kali. Kenapa Looping DiperlukanKetika programmer membuat program looping maka akan menjadikan script yang harus ditulis sebanyak puluhan atau ratusan baris menjadi hanya beberapa baris saja. Menggunakan looping berarti membuat sesuatu yang dapat menghasilkan banyak output dengan minimal script. Perulangan for JavaScriptPerulangan for dibuat untuk menghasilkan output secara berulang dimana jumlah output terebut sudah diketahui. Sebagai contoh jika ingin menanmpilkan “Belajar JavaScript Indonetsource” sebanyak 5 kali maka kita dapat menggunakan for seperti contoh di bawah ini: 1. Contoh perulangan for menampilkan output 5 kali<!DOCTYPE html>
<html lang="en">
<head>
<title>Perulangan For JavaScript</title>
</head>
<body>
<h2>Perulangan For JavaScript</h2>
<script>
for (let i = 0; i < 5; i++) {
document.write("<p> Tutorial Belajar JavaScript Indonetsource<p>");
}
</script>
</body>
</html>Keterangan
Hasil running program: 2. Memberi number/urutan untuk hasil perulanganPerulangan pada contoh 1 bisa diberi number atau urutan dengan menambahkan script seperti di bawah ini: var number = 1;
for (let i = 0; i < 5; i++) {
document.write("<p> "+ number++ +".Tutorial Belajar JavaScript Indonetsource<p>");
} output : 1.Tutorial Belajar JavaScript Indonetsource 3. Membuat urutan terbesar ke terkecil.Selain memberi number dan mengurutkan dari urutan kecil ke besar (ascending) di JavaScript kita juga membuat urutan perulangan dari besar ke kecil (descending). var number = 5;
for (let i = 5; i > 0; i--) {
document.write("<p> " + number-- + ".Tutorial Belajar JavaScript Indonetsource<p>");
}output : 5.Tutorial Belajar JavaScript Indonetsource 4. Menampilkan bilangan ganjil dengan for di JavaScriptIni adalah salah satu contoh studi kasus. Dimana jika ingin menampilkan bilangan ganjil kita dapat membuatnya menggunakan script di bawah ini: for (let i = 0; i < 10; i++) {
if (i % 2 !== 0) {
document.write("<p> " + i + ". Adalah Bilangan Ganjil<p>");
}
}output : 1. Adalah Bilangan Ganjil 5. Menampilkan bilangan genap dengan perulangan for JavaScriptUntuk menampilkan bilangan genap modifikasi lagi program mejadi script ini. for (let i = 1; i < 10; i++) {
if (i % 2 == 0) {
document.write("<p> " + i + ". Adalah Bilangan Genap<p>");
}
}output 2. Adalah Bilangan Genap Perulangan WhileDengan menggunakan perulangan while maka blok program akan terus di
eksekusi selama nilainya 1. Contoh perulangan while JavaScriptSelama bilangan kecil dari 5 dan dimulai dari 0 maka program akan terus berjalan. <!DOCTYPE html>
<html lang="en">
<head>
<title>Perulangan For JavaScript</title>
</head>
<body>
<h2>Perulangan while JavaScript</h2>
<script>
let i = 0;
while (i < 5) {
document.write("<p>Urutan " + i++ + " <p>");
}
</script>
</body>
</html>output : Urutan 0 2. Looping array dengan whileArray dapat di looping dengan perulangan while seperti contoh di bawah ini : let i = 0;
let mobil = ['Fortuner','Avanza','Pajero Sprot','C-RV'];
while (i < mobil.length) {
let data=(mobil[i]);
i++;
document.write("<p>"+ data + "<p>");
}Keterangan
output : Fortuner Perulangan forEach() JavaScriptJavaScript forEach() atau juga disebut method foreach adalah satu jenis perulangan yang digunakan untuk melakukan looping terhadap array. Jadi selain bisa menggunakan for dan while, untuk melakukan looping array kita juga bisa mengunakan forEach(). <!DOCTYPE html>
<html lang="en">
<head>
<title>Perulangan ForEach() JavaScript</title>
</head>
<body>
<h2>Perulangan forEach() JavaScript</h2>
<script>
// array siswa
var siswa = ["Ani", "Budi", "Citra", "Doni", "Eko", "Fitri"];
// menampilkan array siswa dengan method foreach
siswa.forEach(function (siswa) {
document.write("<p>" + siswa + "</p>");
});
</script>
</body>
</html>output : Method forEach menjadikan perulangan yang di buat tidak bisa di skip atau break. Hal inilah yang menjadikan perulangan foreach() berbeda dengan while dan for. Tutorial lanjutan Menggunakan Percabangan If Else dan Switch Case di JavaScript List Tutorial Belajar Dasar JavaScript Untuk Pemula Apa itu for in JavaScript?Perulangan FOR IN adakah perulangan khusus di dalam JavaScript yang digunakan untuk menampilkan 'isi' dari sebuah objek. Objek yang digunakan dapat berupa Array, karena array pada dasarnya juga merupakan objek di dalam JavaScript. Apa yang dimaksud dengan perulangan atau looping pada JavaScript?Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali. Apa itu for in JavaScript?Perulangan FOR IN adakah perulangan khusus di dalam JavaScript yang digunakan untuk menampilkan 'isi' dari sebuah objek. Objek yang digunakan dapat berupa Array, karena array pada dasarnya juga merupakan objek di dalam JavaScript. Apa yang dimaksud dengan perulangan atau looping pada JavaScript?Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali. Apa yang dimaksud dengan looping di javascript?Pengertian Perulangan Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali. Apa cara yang benar untuk menulis array javascript?Cara Membuat Array pada Javascript Pada javascript, array dapat kita buat dengan tanda kurung siku ( [...] ). Contoh: var products = []; Maka variabel products akan berisi sebuah array kosong. Foreach di javascript untuk apa?Perulangan Foreach di Javascript Perulangan foreach biasanya digunakan untuk mencetak item di dalam array. Perulangan ini termasuk dalam perulangan counted loop, karena jumlah perulangannya akan dituentukan oleh panjang dari array. Apa yang dimaksud dengan loop dalam program?Pada semua bahasa pemrograman, perulangan proses ditangani dengan suatu mekanisme yang disebut loop. Dengan menggunakan loop, suatu proses yang berulang misalnya menampilkan tulisan yang sama seratus kali pada layar dapat diimpelementasikan dengan kode program yang pendek. Apa yang dimaksud dengan looping di JavaScript?Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali.
Jelaskan apa yang dimaksud dengan pengulangan atau looping?Dalam logika pemrograman, looping (perulangan) digunakan untuk mengulang suatu proses.
Apa yang dimaksud dengan Uncounted loop?Yaitu: counted loop dan uncounted loop. Perbedaanya: Counted Loop merupakan perulangan yang jelas dan sudah tentu banyak perulangannya. Sedangkan Uncounted Loop, merupakan perulangan yang tidak jelas berapa kali ia harus mengulan.
Apa itu tipe data JavaScript?Tipe data adalah jenis-jenis data yang bisa kita simpan di dalam variabel. Ada beberapa tipe data dalam pemrograman Javascript: String (teks) Integer atau Number (bilangan bulat)
|
Apa yang dimaksud looping dalam javascript?
Pos Terkait
Copyright © 2024 toptenid.com Inc.
