Cara menggunakan javascript penundaan foreach

Array adalah variabel tunggal yang digunakan untuk menyimpan elemen dari tipe data yang berbeda sehingga dapat diakses melalui satu variabel

Ini adalah daftar nilai yang diurutkan, dan setiap nilai disebut sebagai elemen, yang ditentukan oleh indeks

Mengetahui bahwa variabel tunggal ini berisi daftar elemen, Anda mungkin ingin membuat daftar elemen ini sehingga Anda dapat melakukan fungsi individual dengannya dan banyak lagi. Di sinilah loop berperan

Apa itu Loop dalam JavaScript?

Loop adalah jenis program komputer yang memungkinkan kita mengulang operasi tertentu beberapa kali yang telah ditentukan sebelumnya tanpa harus menulis operasi itu satu per satu

Sebagai contoh, jika kita memiliki sebuah array dan ingin mengeluarkan setiap elemen dalam array, daripada menggunakan nomor indeks untuk melakukannya satu per satu, kita cukup mengulang dan melakukan operasi ini satu kali.

Ada banyak metode untuk mengulang melalui array dalam JavaScript. Pada artikel ini, kita akan membahas pendekatan yang paling umum digunakan sehingga Anda dapat mempelajari berbagai pendekatan dan memahami cara kerjanya

Kami akan menggunakan larik berikut untuk artikel ini

const scores = [22, 54, 76, 92, 43, 33];

Cara Melakukan Loop Melalui Array dengan While Loop di JavaScript

Anda dapat menggunakan perulangan

let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
5 untuk mengevaluasi kondisi yang dilampirkan dalam tanda kurung
let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
6. Jika kondisinya adalah
let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
_7, kode di dalam loop
let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
5 dijalankan. Jika
let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
_9, loop diakhiri

Jika kita ingin mengulang melalui array, kita dapat menggunakan properti

22
54
76
92
43
33
0 untuk menentukan bahwa loop harus berlanjut sampai kita mencapai elemen terakhir dari array kita

Sekarang mari kita gunakan metode while loop untuk mengulang melalui array

let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
_

Ini akan mengembalikan setiap elemen dalam array kami satu demi satu

22
54
76
92
43
33
_

Dalam loop di atas, pertama-tama kita menginisialisasi nomor indeks sehingga dimulai dengan

22
54
76
92
43
33
1. Kemudian angkanya akan terus bertambah dan menampilkan setiap elemen hingga kondisi yang kita tetapkan kembali salah, yang menunjukkan bahwa kita telah mencapai akhir array. Saat
22
54
76
92
43
33
_2, kondisi tidak akan lagi dieksekusi karena indeks terakhir array adalah
22
54
76
92
43
33
3

Cara Loop Melalui Array dengan 22 54 76 92 43 33 4 Loop di JavaScript

Perulangan

22
54
76
92
43
33
5 hampir identik dengan perulangan while, kecuali bahwa perulangan ini mengeksekusi tubuh terlebih dahulu sebelum mengevaluasi kondisi untuk eksekusi selanjutnya. Ini berarti badan perulangan selalu dieksekusi paling tidak satu kali

Mari kita lakukan loop yang sama dengan

22
54
76
92
43
33
4 loop untuk melihat cara kerjanya

let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);

Ini akan mengembalikan setiap elemen dalam array kami

22
54
76
92
43
33
_

Seperti yang dinyatakan sebelumnya, ini akan selalu berjalan satu kali sebelum mengevaluasi set kondisi apa pun. Misalnya, jika kita menetapkan indeks

22
54
76
92
43
33
_7 menjadi
22
54
76
92
43
33
8 dan tidak kurang dari
22
54
76
92
43
33
9, badan loop akan berjalan terlebih dahulu sebelum memeriksa kondisi

let i = 6;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);

Ini akan mengembalikan

let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
_0 tunggal karena kami tidak memiliki elemen dalam array indeks
22
54
76
92
43
33
8 tetapi seperti yang Anda lihat itu berjalan sekali sebelum berhenti

Cara Melakukan Loop Melalui Array dengan for Loop di JavaScript

Loop

let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
_2 adalah pernyataan iteratif yang memeriksa kondisi tertentu dan kemudian mengeksekusi blok kode berulang kali selama kondisi tersebut terpenuhi

Kita tidak perlu menginisialisasi indeks terlebih dahulu saat menggunakan metode loop

let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
2 karena inisialisasi, kondisi, dan iterasi semuanya ditangani dalam tanda kurung, seperti yang ditunjukkan di bawah ini

for (let i = 0; i < scores.length; i++) {
    console.log(scores[i]);
}

Ini akan mengembalikan semua elemen seperti yang telah dilakukan metode lain

22
54
76
92
43
33
_

Cara Loop Melalui Array dengan let i = 0; do { console.log(scores[i]); i++; } while (i < scores.length); 4 Loop di JavaScript

Loop

let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
_4 adalah cara yang lebih mudah untuk mengulang array karena memberi kita kunci yang sekarang dapat kita gunakan untuk mendapatkan nilai dari array kita dengan cara ini

for (i in scores) {
    console.log(scores[i]);
}

Ini akan menampilkan semua elemen dalam array kami

22
54
76
92
43
33

Cara Loop Melalui Array dengan let i = 0; do { console.log(scores[i]); i++; } while (i < scores.length); 6 Loop di JavaScript

The

let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
_7 Loop iterasi atas objek iterable seperti array, set, peta, string, dan sebagainya. Ini memiliki sintaks yang sama dengan
let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
_8 loop, tetapi alih-alih mendapatkan
let i = 0;

do {
    console.log(scores[i]);
    i++;
} while (i < scores.length);
9, ia mendapatkan elemen itu sendiri

Ini adalah salah satu metode termudah untuk mengulang melalui array dan diperkenalkan di versi JavaScript ES6 yang lebih baru

let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
_0

Ini mendapatkan setiap elemen dari array kami dan kami tidak perlu lagi menggunakan indeks untuk mendapatkan setiap elemen dari array kami

22
54
76
92
43
33
_

Cara Loop Melalui Array dengan 22 54 76 92 43 33 0 Loop di JavaScript

Metode array

22
54
76
92
43
33
1 loop melalui array apa pun, mengeksekusi fungsi yang disediakan satu kali untuk setiap elemen array dalam urutan indeks menaik. Fungsi ini dikenal sebagai fungsi callback

Ini adalah metode yang lebih canggih yang dapat melakukan lebih dari sekadar mengulang setiap elemen, tetapi Anda juga dapat menggunakannya untuk mengulang melalui cara ini

let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
_2

Anda dapat menulis ini dalam satu baris dengan cara ini

let i = 0;

while (i < scores.length) {
    console.log(scores[i]);
    i++;
}
_3

Dan ini akan memberi kita hasil yang sama seperti semua metode sebelumnya

22
54
76
92
43
33
_

Membungkus

Pada artikel ini, kita melihat enam metode berbeda/standar untuk mengulang melalui array

Sangat penting bagi Anda untuk memahami semua metode ini dan kemudian menentukan metode mana yang lebih disukai untuk Anda, lebih bersih untuk digunakan, dan lebih mudah dibaca.

IKLAN

IKLAN

IKLAN

IKLAN


Cara menggunakan javascript penundaan foreach
Joel Olawanle

Pengembang Frontend & Penulis Teknis


Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai