JavaScript untuk loop | Kode Digarisbawahi

Loop dapat menjalankan blok kode beberapa kali. Akibatnya, loop berguna jika Anda ingin menjalankan kode yang sama beberapa kali, setiap kali dengan nilai yang berbeda. Selain itu, iterasi biasanya berjalan beberapa kali.

Dalam JavaScript, loop digunakan untuk melakukan aktivitas berulang berdasarkan suatu kondisi. Ketika kondisi dianalisis, mereka biasanya mengembalikan benar atau salah. Sebuah loop akan terus berjalan sampai kondisi yang ditentukan salah.

Contoh,

const fruits = ["Apples", "Oranges", "Mangoes", "Bananas", "Pineapple", "water melon"];

text += fruits [0] + "<br>";
text += fruits [1] + "<br>";
text += fruits [2] + "<br>";
text += fruits [3] + "<br>";
text += fruits [4] + "<br>";
text += fruits [5] + "<br>";

Cara yang lebih baik untuk menjalankan ini menggunakan for loop dalam JavaScript adalah sebagai berikut.

let text2 = "";
for (let i = 0; i < fruits.length; i++) { text2 += fruits[i] + "
";
}
console.log(text2);
menggunakan loop for untuk menggabungkan elemen array

Sintaks dari For Loop

for (statement 1; statement 2; statement 3) {
  // code block to be executed
}

inisialisasi

Pernyataan 1 adalah inisialisasi. Ini adalah awal dari loop ketika kita mengatur penghitung kita ke nilai awal. Sebelum loop dimulai, pernyataan inisialisasi dijalankan.

Kondisi

Pernyataan 2 adalah kondisi. Sekarang, pernyataan pengujian menentukan apakah suatu kondisi tertentu benar atau tidak. Jika kondisi bernilai true, skrip di dalam loop akan dieksekusi; jika salah, kontrol akan keluar dari loop.

Pasca-ekspresi

Pernyataan ketiga adalah post-expression. Di sini, Anda dapat menambah atau mengurangi penghitung Anda dengan pernyataan iterasi.

Kode di atas menunjukkan sintaks untuk For Loop dalam JavaScript. Sekarang kita akan memeriksa apa arti masing-masing bagian.

  • Sebelum eksekusi blok kode utama, pernyataan 1 dieksekusi satu kali.
  • Kondisi eksekusi blok kode ditentukan oleh pernyataan 2.
  • Setelah mengeksekusi blok kode, pernyataan 3 dieksekusi setiap saat.
for (let j = 0; j < 10; j++) {
main_text += "count is " + j + "n";
}
console.log(main_text)

Menurut contoh yang diberikan di atas: –

Pernyataan pertama menginisialisasi variabel sebelum eksekusi loop menggunakan sintaks,

Pernyataan kedua adalah definisi kondisi loop untuk mulai berjalan dengan sintaks berikut,

Di sisi lain, pernyataan ketiga meningkatkan nilai j (j++) dengan setiap eksekusi blok kode dalam loop.

Tentang pernyataan pertama

Memiliki pernyataan pertama biasanya opsional dalam kebanyakan kasus menginisialisasi variabel yang digunakan dalam perulangan for seperti kasus pada contoh di atas (misalkan j = 0). Selain itu, Anda bebas menginisialisasi nilai sebanyak mungkin pada pernyataan pertama, seperti pada demo berikut.

const fruits = ["Apples", "Oranges", "Mangoes", "Bananas", "Pineapple", "water melon"];
let i, len, textVal;

for (let j = 0, len = fruits.length, textVal = ""; j < len; j++) {
textVal += fruits[j] + "n";
console.log(fruits[j])
}

inisialisasi banyak nilai dalam pernyataan pertamainisialisasi banyak nilai dalam pernyataan pertama

Atau, Anda dapat menghindari penggunaan pernyataan pertama jika nilai diinisialisasi sebelum memulai loop.

let j = 2;
let len_val = fruits.length;
let text_val = "";
for (; j < len_val; j++) {
text_val += fruits[j] + "n";
console.log(text_val)
}

Tidak selalu kasus untuk pernyataan kedua untuk mengevaluasi kondisi variabel awal meskipun hal itu sering terjadi. Jika Anda memilih untuk menghilangkan pernyataan 2, pastikan jeda di dalam loop. Namun, jika Anda mengabaikannya secara kebetulan, maka loop tidak akan pernah berhenti. Akibatnya, browser akan crash.

Istilah operasi yang biasa adalah bahwa pernyataan kedua akan kembali salah, menyebabkan perulangan berakhir. Tetapi jika pernyataan kedua mengembalikan nilai true, loop akan dimulai lagi.

Pernyataan ketiga adalah opsional, meskipun tujuan intinya tetap untuk meningkatkan variabel. Namun, itu juga mengurangi (–) atau menambah (++) variabel awal.

const fruits = ["Apples", "Oranges", "Mangoes", "Bananas", "Pineapple", "water melon"];

let j = 0;
let len_val = fruits.length;
let text_val = "";

for (; j < len_val; ) { 
  text_val += fruits[j] + "";
j++;
}
gunakan for loop untuk menghitung elemen arraygunakan for loop untuk menghitung elemen array

Tak Terbatas Untuk Loop dalam JavaScript

A for loop berjalan tanpa batas jika kondisi pengujian benar sampai memori penuh. Contoh Infinite instance di For Loop di JavaScript adalah sebagai berikut,

// Defining an infinite for loop
let j = 1;
for(j; j > 0; j++) {
console.log(j)
}
lingkaran tak terbataslingkaran tak terbatas

Kondisi dalam program sebelumnya selalu benar, menyebabkan kode dieksekusi tanpa batas.

Contoh perulangan for tanpa badan perulangan

Anehnya, pernyataan for juga bisa berisi kalimat kosong. Akan membantu jika Anda menggunakan titik koma (;) setelah pernyataan ‘untuk’ dalam situasi ini. Dalam contoh berikut, jumlah total dari 1 hingga 5 dihitung.

sum_val = 0;
for (let j = 0; j <= 5; j++, sum_val += j);
console.log(sum_val);

Karena ekspresi berada di dekat akhir loop, ia menggunakan pernyataan kosong di badan.

Contoh perulangan for tanpa ekspresi

Karena ketiga ekspresi dalam pernyataan for loop adalah opsional, Anda dapat mengabaikannya sepenuhnya. Untuk mengakhiri loop, Anda harus menggunakan pernyataan break dan mengubah variabel penghitung untuk membuat kondisi pernyataan break benar di beberapa titik.

// initialize x variable
let x = 1;
for (;;) {
// terminate the loop if x is greater than 20;
if (x > 20) break;
console.log(x);
// increase the counter x
x += 2;
}
untuk loop tanpa ekspresiuntuk loop tanpa ekspresi

Contoh perulangan for tanpa syarat

Ekspresi kondisi, seperti ekspresi inisialisasi, adalah opsional. Jika ekspresi kondisi dihilangkan, loop harus diakhiri dengan pernyataan break.

for (let x = 1;; x += 2) {
console.log(x);
if (x > 20) {
break;
}
}
untuk loop tanpa kondisiuntuk loop tanpa kondisi

Contoh 1: Tunjukkan Jumlah dari hitungan Bilangan Asli yang diberikan

// program to show the sum of a given number of natural numbers

let sum_val = 0;
const num_vals = 50

// looping from j = 1 to num_vals
// in each iteration, j is increased by 1
for (let j = 1; j <= num_vals; j++) {
sum_val += j; // sum_val = sum_val + i
}

console.log('The sum of '+n +' is : ', sum_val);
Tunjukkan Jumlah dari hitungan Bilangan Asli yang diberikanTunjukkan Jumlah dari hitungan Bilangan Asli yang diberikan

Pada contoh di atas, sum_val pertama diinisialisasi ke 0 dengan for loop iterasi dari nilai j ke 1 sampai 50. Selama setiap iterasi, sum_val bertambah dengan nilai j, kemudian nilai j bertambah 1.

Loop akan berakhir ketika kondisi pengujian menjadi salah, yang dalam kasus kita adalah 51. Jadi, jumlahnya akan sama dengan sum_val kumulatif.

Cara lain untuk menulis ulang program di atas adalah sebagai berikut.

// program to show the sum of a given count of natural numbers
let sum_val = 0;
const num_vals = 50;

// looping from j = sum_val to 1
// in each iteration, j is decreased by 1
for(let j = num_vals; j >= 1; j-- ) {
// adding i to sum in each iteration
sum_val += j; // sum_val = sum_val + j
}


console.log('sum values is :',sum_val );
kode yang disederhanakan untuk menunjukkan jumlah bilangan asli yang diberikankode yang disederhanakan untuk menunjukkan jumlah bilangan asli yang diberikan

Program ini menghasilkan hasil yang sama seperti contoh sebelumnya. Pemrograman adalah semua tentang logika. Oleh karena itu, Anda dapat melakukan tujuan yang sama dalam berbagai cara. Meskipun kedua pendekatan itu benar, Anda harus berusaha membuat kode Anda mudah dibaca dan lebih dimengerti. Yang terakhir ini sangat penting, terutama ketika mengerjakan kode produksi yang nantinya dapat dikelola oleh orang lain.