Buat fungsi dalam loop javascript

Question

Misalnya, jika Anda ingin menampilkan pesan sebanyak 100 kali, maka Anda dapat menggunakan perulangan. Itu hanya contoh sederhana;

Table of Contents Show

Contoh 1. Tampilkan Teks Lima Kali
Contoh 2. Menampilkan Angka dari 1 hingga 5
Contoh 3. Menampilkan Jumlah n Bilangan Alami
JavaScript Tak Terbatas untuk loop
Bisakah Anda meletakkan fungsi dalam loop JavaScript?
Bisakah Anda membuat fungsi dalam satu lingkaran?
Bagaimana cara memanggil fungsi di dalam loop di JavaScript?

Tutorial ini berfokus pada JavaScript for loop. Anda akan belajar tentang jenis loop lainnya di tutorial yang akan datang

Sintaks dari for loop adalah


for (initialExpression; condition; updateExpression) {
    // for loop body
}

Di Sini,

Ekspresi awal menginisialisasi dan/atau mendeklarasikan variabel dan mengeksekusi hanya sekali

Kondisinya dievaluasi

Jika kondisinya adalah

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

1, loop for diakhiri

Jika kondisinya adalah

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3, blok kode di dalam loop for dieksekusi

UpdateExpression memperbarui nilai initialExpression ketika kondisinya adalah

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3

Kondisi dievaluasi lagi. Proses ini berlanjut hingga kondisi

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

_1

Untuk mempelajari lebih lanjut tentang kondisinya, kunjungi Perbandingan JavaScript dan Operator Logika

Bagan alir JavaScript untuk loop

Contoh 1. Tampilkan Teks Lima Kali

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

_

Keluaran

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_

Inilah cara kerja program ini

Kondisi Variabel Iterasi. saya <= nAction1st

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

_7

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3Saya suka JavaScript. dicetak
i bertambah menjadi 2. 2

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_0

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3Saya suka JavaScript. dicetak
i bertambah menjadi 3. 3rd

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_3

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3Saya suka JavaScript. dicetak
i bertambah menjadi 4. 4

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_6

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3Saya suka JavaScript. dicetak
i bertambah menjadi 5. 5

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_9

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3Saya suka JavaScript. dicetak
i meningkat menjadi 6. 6

// program to display numbers from 1 to 5
const n = 5;

// looping from i = 1 to 5
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    console.log(i);     // printing the value of i
}

2

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

1Loop diakhiri

Contoh 2. Menampilkan Angka dari 1 hingga 5

// program to display numbers from 1 to 5
const n = 5;

// looping from i = 1 to 5
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    console.log(i);     // printing the value of i
}

Keluaran

Inilah cara kerja program ini

Kondisi Variabel Iterasi. saya <= nAction1st

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

_7

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

31 dicetak
i bertambah menjadi 2. 2

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_0

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

32 dicetak
i bertambah menjadi 3. 3rd

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_3

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

33 dicetak
i bertambah menjadi 4. 4

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_6

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

34 dicetak
i bertambah menjadi 5. 5

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

_9

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

35 dicetak
i meningkat menjadi 6. 6

// program to display numbers from 1 to 5
const n = 5;

// looping from i = 1 to 5
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    console.log(i);     // printing the value of i
}

2

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

8

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

1Loop diakhiri

Contoh 3. Menampilkan Jumlah n Bilangan Alami

// program to display the sum of natural numbers
let sum = 0;
const n = 100

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

console.log('sum:', sum);

Keluaran

sum: 5050

Di sini, nilai penjumlahan awalnya adalah 0. Kemudian, loop for diulangi dari

// program to display the sum of natural numbers
let sum = 0;
const n = 100

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

console.log('sum:', sum);

4. Dalam setiap iterasi, i ditambahkan ke jumlah dan nilainya bertambah 1

Ketika i menjadi 101, kondisi pengujiannya adalah

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

1 dan jumlahnya akan sama dengan 0 + 1 + 2 +. + 100

Program di atas untuk menjumlahkan bilangan asli juga dapat ditulis sebagai

// program to display the sum of n natural numbers
let sum = 0;
const n = 100;

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

console.log('sum:',sum);

Program ini juga memberikan output yang sama dengan Contoh 3. Anda dapat menyelesaikan tugas yang sama dengan berbagai cara dalam pemrograman;

Meskipun kedua cara tersebut benar, Anda harus mencoba membuat kode Anda lebih mudah dibaca

JavaScript Tak Terbatas untuk loop

Jika kondisi pengujian dalam for loop selalu

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3, itu berjalan selamanya (sampai memori penuh). Misalnya,

// infinite for loop
for(let i = 1; i > 0; i++) {
    // block of code
}

Pada program di atas, kondisinya selalu

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

3 yang kemudian akan menjalankan kode untuk waktu yang tidak terbatas

Bisakah Anda meletakkan fungsi dalam loop JavaScript?

Fungsi hanyalah serangkaian instruksi, jadi Anda dapat, secara teoritis, mengambil instruksi fungsi apa pun dan menempatkannya langsung di dalam loop , .

Bisakah Anda membuat fungsi dalam satu lingkaran?

Saat kita mencatat ekspresi pemanggilan fungsi, hasilnya adalah nilai kembalian dari fungsi tersebut. Kami mencatat nilai kembalian dari ekspresi fungsi anonim yang memohon sendiri (yang disebutnya sendiri). Ini membuktikan bahwa kita dapat menjalankan fungsi di dalam loop .