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

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