Array adalah variabel tunggal yang digunakan untuk menyimpan elemen dari tipe data yang berbeda sehingga dapat diakses melalui satu variabel Show
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
Cara Melakukan Loop Melalui Array dengan While Loop di JavaScriptAnda dapat menggunakan perulangan 5 untuk mengevaluasi kondisi yang dilampirkan dalam tanda kurung 6. Jika kondisinya adalah _7, kode di dalam loop 5 dijalankan. Jika _9, loop diakhiriJika kita ingin mengulang melalui array, kita dapat menggunakan properti 0 untuk menentukan bahwa loop harus berlanjut sampai kita mencapai elemen terakhir dari array kitaSekarang mari kita gunakan metode while loop untuk mengulang melalui array _Ini akan mengembalikan setiap elemen dalam array kami satu demi satu _Dalam loop di atas, pertama-tama kita menginisialisasi nomor indeks sehingga dimulai dengan 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 _2, kondisi tidak akan lagi dieksekusi karena indeks terakhir array adalah 3Cara Loop Melalui Array dengan 22 54 76 92 43 33 4 Loop di JavaScriptPerulangan 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 kaliMari kita lakukan loop yang sama dengan 4 loop untuk melihat cara kerjanya
Ini akan mengembalikan setiap elemen dalam array kami _Seperti yang dinyatakan sebelumnya, ini akan selalu berjalan satu kali sebelum mengevaluasi set kondisi apa pun. Misalnya, jika kita menetapkan indeks _7 menjadi 8 dan tidak kurang dari 9, badan loop akan berjalan terlebih dahulu sebelum memeriksa kondisi
Ini akan mengembalikan _0 tunggal karena kami tidak memiliki elemen dalam array indeks 8 tetapi seperti yang Anda lihat itu berjalan sekali sebelum berhentiCara Melakukan Loop Melalui Array dengan for Loop di JavaScriptLoop _2 adalah pernyataan iteratif yang memeriksa kondisi tertentu dan kemudian mengeksekusi blok kode berulang kali selama kondisi tersebut terpenuhiKita tidak perlu menginisialisasi indeks terlebih dahulu saat menggunakan metode loop 2 karena inisialisasi, kondisi, dan iterasi semuanya ditangani dalam tanda kurung, seperti yang ditunjukkan di bawah ini
Ini akan mengembalikan semua elemen seperti yang telah dilakukan metode lain _Cara Loop Melalui Array dengan let i = 0; do { console.log(scores[i]); i++; } while (i < scores.length); 4 Loop di JavaScriptLoop _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
Ini akan menampilkan semua elemen dalam array kami
Cara Loop Melalui Array dengan let i = 0; do { console.log(scores[i]); i++; } while (i < scores.length); 6 Loop di JavaScriptThe _7 Loop iterasi atas objek iterable seperti array, set, peta, string, dan sebagainya. Ini memiliki sintaks yang sama dengan _8 loop, tetapi alih-alih mendapatkan 9, ia mendapatkan elemen itu sendiriIni adalah salah satu metode termudah untuk mengulang melalui array dan diperkenalkan di versi JavaScript ES6 yang lebih baru _0Ini mendapatkan setiap elemen dari array kami dan kami tidak perlu lagi menggunakan indeks untuk mendapatkan setiap elemen dari array kami _Cara Loop Melalui Array dengan 22 54 76 92 43 33 0 Loop di JavaScriptMetode array 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 callbackIni adalah metode yang lebih canggih yang dapat melakukan lebih dari sekadar mengulang setiap elemen, tetapi Anda juga dapat menggunakannya untuk mengulang melalui cara ini _2Anda dapat menulis ini dalam satu baris dengan cara ini _3Dan ini akan memberi kita hasil yang sama seperti semua metode sebelumnya _MembungkusPada 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 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 |