Cara terbaik untuk mengulang melalui array javascript

Question

Secara umum, cara terbaik untuk mengulang array dalam JavaScript bergantung pada kebutuhan khusus program Anda. Jika Anda perlu mengakses elemen array menggunakan indeksnya, Anda mungkin ingin menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 atau

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 loop

Table of Contents Show

untuk putaran
untuk. dalam lingkaran
untuk. dari lingkaran
untuk setiap()
Bagaimana dengan sementara?
Apa cara tercepat untuk mengulang array dalam JavaScript?
Apa cara terbaik untuk beralih melalui array?
Bisakah Anda mengulang array dalam JavaScript?
Apa cara terbaik untuk mengulang dalam JavaScript?

Jika Anda ingin melakukan operasi tertentu pada setiap elemen larik tanpa mengkhawatirkan indeksnya, Anda mungkin ingin menggunakan metode

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

4 atau

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

5

Jika Anda menginginkan cara yang lebih modern dan ringkas, Anda mungkin ingin menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6 loop

Artikel ini akan membahas masing-masing metode ini dan beberapa lainnya. Gunakan navigasi di bawah untuk melompat ke penjelasan khusus untuk setiap metode

Daftar isi

untuk putaran

Loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 adalah jenis loop yang biasanya digunakan untuk mengulangi serangkaian instruksi tertentu beberapa kali yang telah ditentukan sebelumnya. Ini disebut loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 karena biasanya digunakan untuk melakukan tindakan untuk beberapa kali tertentu, atau untuk setiap elemen dalam koleksi, seperti larik

Saat menulis

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 loop, kode mengikuti struktur ini

for (initialization; condition; ending operation) {
  // loop body
}

_

Inisialisasi - bagian ini menentukan nilai awal dari penghitung loop
Kondisi - ini adalah kondisi di mana loop dieksekusi diatur. Jika kondisi salah, perulangan akan berhenti, dan badan perulangan tidak akan dieksekusi
Mengakhiri operasi - bagian ini mendefinisikan ekspresi yang akan dieksekusi setelah badan loop dieksekusi. Biasanya, ini berisi ekspresi untuk mengubah penghitung

Berikut adalah contoh bagaimana Anda dapat menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 loop untuk mengulang melalui array dan mencatat setiap elemen ke konsol

const fruits = ['apple', 'banana', 'pear'];

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

Dalam contoh di atas, loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_3 terus mengulang elemen dalam array

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

2 hingga nilai

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

3 sama dengan panjang array. Pada titik ini, perulangan berakhir, dan eksekusi berlanjut ke pernyataan berikutnya setelah perulangan

Juga, jika perlu, Anda dapat menghentikan loop dengan operator

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

4, dan juga - melanjutkan loop menggunakan operator

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

5. Ini sebuah contoh

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

Saat loop mencapai nilai

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

_6, operator

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

4 dijalankan dan loop dihentikan. Ini berarti bahwa loop hanya akan berjalan lima kali dan akan menampilkan yang berikut

0, 1, 2, 3, 4

Operator

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

_5, di sisi lain, dapat digunakan untuk segera melewati kode yang tersisa di badan loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 dan melanjutkan ke iterasi berikutnya dari loop

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

Dalam contoh ini, ketika loop mencapai nilai yang habis dibagi

0 (i. e. bilangan genap), operator

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

_5 dieksekusi dan loop melewatkan kode yang tersisa di badan dan berlanjut ke iterasi berikutnya

Ini berarti bahwa loop hanya akan menampilkan angka ganjil antara

2 dan

3, seperti ini

untuk. dalam lingkaran

Loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 adalah pernyataan aliran kontrol yang memungkinkan Anda untuk mengulangi properti objek. Berbeda dengan perulangan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_3, yang hanya dapat digunakan untuk mengulang elemen-elemen array, perulangan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 dapat digunakan untuk mengulang properti objek apa pun

_7 memungkinkan Anda untuk mengulang melalui properti objek yang disebutkan, termasuk properti dari prototipe. Properti yang disebutkan adalah properti yang ditambahkan pengembang ke objek. Properti bawaan, seperti

_8 dalam larik, tidak dilingkarkan dalam

7 loop

Berikut adalah contoh bagaimana Anda dapat menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 loop

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

Setelah tubuh loop dieksekusi untuk properti yang diberikan, loop berlanjut ke properti berikutnya di objek, dan prosesnya berulang. Loop terus mengulang properti objek hingga mengunjungi semua properti. Pada titik ini, perulangan berakhir, dan eksekusi berlanjut ke pernyataan berikutnya setelah perulangan

Anda dapat menggunakan loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_2 untuk melakukan tindakan apa pun pada setiap properti objek. Misalnya, Anda dapat menggunakannya untuk menghitung jumlah semua nilai properti tertentu dalam suatu objek, atau untuk membuat objek baru dengan subset dari properti objek asli.

Seperti itu

const original = {
  make: "Toyota",
  model: "Corolla",
  year: 2020,
  color: "blue"
};

const subset = {};

for (const property in original) {
  if (property === "make" || property === "model") {
    subset[property] = original[property];
  }
}

console.log(subset);

Pada akhirnya, objek

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

_2 akan berisi properti

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

3 dan

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

4 dari objek

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

5, dan akan terlihat seperti ini

{
  make: "Toyota",
  model: "Corolla"
}

☰ Apa yang dimaksud dengan properti enumerasi?

Dalam JavaScript, properti objek dapat dihitung menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 loop. Perulangan ini akan mengulangi semua properti enumerable dari suatu objek, termasuk yang mungkin telah diwarisi dari prototipe objek

const car = {
  make: "Ford",
  model: "Mustang",
  year: 2021
};

for (const property in car) {
  console.log(`${property}: ${car[property]}`);
}


// output

make: Ford
model: Mustang
year: 2021

Secara default, semua properti objek dapat dihitung, kecuali jika secara eksplisit ditandai sebagai tidak dapat dihitung menggunakan metode

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

7

Object.defineProperty(car, "make", {
  enumerable: false
});

Dalam contoh ini, properti

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

_3 dari objek

const person = {
  name: 'John Doe',
  age: 32,
  gender: 'male',
};

for (const property in person) {
  console.log(property);
}

9 telah ditandai sebagai tidak dapat dihitung. Ini berarti bahwa itu tidak akan disertakan ketika properti objek disebutkan menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 loop

untuk. dari lingkaran

Berbeda dengan loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 tradisional, loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6 secara otomatis mengambil nilai dari setiap elemen dalam objek yang dapat diulang. Ini berarti Anda tidak perlu khawatir tentang mengelola indeks loop atau mengakses elemen array, yang dapat membuat kode lebih bersih dan lebih mudah dibaca

Berikut adalah contoh penggunaan loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6

const fruits = ['apple', 'banana', 'pear'];

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

_0

Pada setiap iterasi, loop mencatat elemen saat ini ke konsol

Loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6 mirip dengan loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2, tetapi ada beberapa perbedaan penting antara keduanya. Loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

2 mengulang properti objek, sementara loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6 mengulang elemen objek yang dapat diulang

Berikut adalah contoh penggunaan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6 loop untuk mengulangi karakter string

const fruits = ['apple', 'banana', 'pear'];

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

_1

Anda dapat menggunakan loop ini untuk melakukan tindakan apa pun pada setiap nilai objek yang dapat diubah

Dalam contoh ini, kami menggunakan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_6 loop untuk mengulangi kunci dan nilai objek

const fruits = ['apple', 'banana', 'pear'];

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

_2

Pada setiap iterasi, loop mencatat kunci dan nilai saat ini ke konsol

☰ Kapan untuk. loop dirilis?

Loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

6 adalah fitur yang relatif baru dalam JavaScript dan diperkenalkan sebagai bagian dari spesifikasi ECMAScript 6 (ES6) pada tahun 2015

Itu tidak didukung dalam versi bahasa yang lebih lama, tetapi sebagian besar browser modern dan lingkungan JavaScript lainnya mendukungnya, sehingga tersedia secara luas untuk digunakan dalam proyek dunia nyata.

Saring()

Itu.

{
  make: "Toyota",
  model: "Corolla"
}

_1 metode array memungkinkan Anda untuk mendapatkan array baru dengan memfilter elemen dengan fungsi callback yang diteruskan. Fungsi callback akan dipanggil untuk setiap elemen array, dan hasil dari fungsi tersebut akan memutuskan apakah akan memasukkan elemen tersebut ke dalam array baru atau tidak

Berikut adalah contoh bagaimana Anda dapat menggunakan metode

{
  make: "Toyota",
  model: "Corolla"
}

1 untuk membuat larik baru yang hanya berisi angka lebih besar dari 10

const fruits = ['apple', 'banana', 'pear'];

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

_3

Perlu dicatat bahwa metode

{
  make: "Toyota",
  model: "Corolla"
}

1 tidak mengubah array asli. Itu membuat larik baru yang hanya berisi elemen yang melewati kondisi yang ditentukan dalam fungsi callback

Ini berbeda dari metode array lain seperti

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

5 dan

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

4 yang memodifikasi array asli. Kami akan membicarakannya segera

Selain itu, dalam JavaScript, variabel dapat diketik secara dinamis, artinya jenis variabel dapat berubah saat runtime. Ini berarti bahwa jenis nilai tertentu yang diteruskan ke fungsi panggilan balik dalam metode

{
  make: "Toyota",
  model: "Corolla"
}

1 berpotensi berubah selama eksekusi program

Sebagai contoh, perhatikan kode berikut

const fruits = ['apple', 'banana', 'pear'];

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

_4

Pada kode di atas, array

{
  make: "Toyota",
  model: "Corolla"
}

_7 berisi angka dan string. Ketika metode

{
  make: "Toyota",
  model: "Corolla"
}

1 dipanggil pada

{
  make: "Toyota",
  model: "Corolla"
}

7, fungsi callback memeriksa apakah elemen saat ini (

const car = {
  make: "Ford",
  model: "Mustang",
  year: 2021
};

for (const property in car) {
  console.log(`${property}: ${car[property]}`);
}


// output

make: Ford
model: Mustang
year: 2021

0) adalah

const car = {
  make: "Ford",
  model: "Mustang",
  year: 2021
};

for (const property in car) {
  console.log(`${property}: ${car[property]}`);
}


// output

make: Ford
model: Mustang
year: 2021

1 menggunakan operator

const car = {
  make: "Ford",
  model: "Mustang",
  year: 2021
};

for (const property in car) {
  console.log(`${property}: ${car[property]}`);
}


// output

make: Ford
model: Mustang
year: 2021

2. Jika suatu elemen adalah angka, itu termasuk dalam array baru yang dikembalikan oleh

{
  make: "Toyota",
  model: "Corolla"
}

1

Namun, karena JavaScript diketik secara dinamis, jenis elemen dalam larik

{
  make: "Toyota",
  model: "Corolla"
}

7 berpotensi berubah saat runtime. Ini berarti bahwa elemen yang dianggap "angka" oleh metode

{
  make: "Toyota",
  model: "Corolla"
}

1 dapat berubah tergantung pada jenis elemen dalam array

{
  make: "Toyota",
  model: "Corolla"
}

7

Misalnya, jika larik

{
  make: "Toyota",
  model: "Corolla"
}

7 akan dimodifikasi agar hanya berisi string, larik

const car = {
  make: "Ford",
  model: "Mustang",
  year: 2021
};

for (const property in car) {
  console.log(`${property}: ${car[property]}`);
}


// output

make: Ford
model: Mustang
year: 2021

8 akan kosong karena metode

{
  make: "Toyota",
  model: "Corolla"
}

1 hanya akan menyertakan elemen dalam larik baru jika bertipe

const car = {
  make: "Ford",
  model: "Mustang",
  year: 2021
};

for (const property in car) {
  console.log(`${property}: ${car[property]}`);
}


// output

make: Ford
model: Mustang
year: 2021

1

const fruits = ['apple', 'banana', 'pear'];

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

_5

Dengan cara ini, perilaku metode

{
  make: "Toyota",
  model: "Corolla"
}

_1 dapat dipengaruhi oleh pengetikan dinamis dalam JavaScript. Penting untuk mempertimbangkan hal ini saat menggunakan metode

{
  make: "Toyota",
  model: "Corolla"
}

1 dan untuk memastikan bahwa fungsi callback dapat menangani elemen dari tipe yang berbeda

untuk setiap()

Metode array

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

4 memungkinkan Anda untuk menerapkan fungsi panggilan balik ke semua elemen array - ini dapat digunakan sebagai pengganti loop klasik

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3 jika hanya karena

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

4 terlihat lebih mudah dibaca dan dimengerti

Perhatikan juga bahwa metode ini tidak mengembalikan array baru seperti beberapa metode array lainnya (mis. g.

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

5 dan

{
  make: "Toyota",
  model: "Corolla"
}

1). Sebaliknya, itu hanya mengeksekusi fungsi panggilan balik yang disediakan untuk setiap elemen dalam larik

Ini berarti bahwa metode

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_4 sering digunakan untuk efek sampingnya (mis. g. masuk ke konsol atau memodifikasi elemen dalam larik) daripada untuk nilai pengembaliannya

Mari buat larik objek baru dari larik objek yang sudah ada

const fruits = ['apple', 'banana', 'pear'];

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

_6

Fungsi panggilan balik ini dijalankan sekali untuk setiap elemen dalam larik

Object.defineProperty(car, "make", {
  enumerable: false
});

9, menghasilkan larik objek baru yang dibuat yang hanya berisi elemen dengan properti

const fruits = ['apple', 'banana', 'pear'];

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

00 genap

Penting untuk mengetahui parameter apa yang diterima oleh callback

Ada tiga dari mereka secara total

item - elemen array dalam iterasi saat ini;
indeks - indeks item saat ini;
arr - array itu sendiri, yang sedang kita lalui

const fruits = ['apple', 'banana', 'pear'];

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

_7

Meskipun JavaScript sudah memiliki kemampuan untuk melakukan ini menggunakan loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

3, metode

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

4 adalah alternatif yang bagus dengan sejumlah keunggulan

Menggunakan metode
```
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}
```
_4 adalah cara deklaratif untuk menunjukkan operasi kita. Dalam hal keterbacaan kode, ini lebih dekat dengan bahasa alami dan lebih ringkas
Ini memungkinkan kita untuk dengan mudah mengambil elemen dalam iterasi saat ini tanpa merujuk ke array berdasarkan indeks setiap saat

Namun, pada saat yang sama kami juga mendapatkan beberapa kekurangan

Dengan
```
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}
```
4 - return, break, dan continue tidak akan berfungsi, dan oleh karena itu kami tidak dapat menghentikan atau melewatkan iterasi dengan cara apa pun. Jadi jika kita perlu menggunakan salah satu dari operator ini untuk menyelesaikan masalah, kita harus menggunakan
```
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}
```
3 loop biasa

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

4 menangani elemen array dalam urutan langsung;

peta()

Metode map() memungkinkan Anda mengubah satu larik menjadi larik lain menggunakan fungsi callback. Fungsi yang diteruskan akan dipanggil untuk setiap elemen array secara berurutan. Array baru akan dirakit dari hasil pemanggilan fungsi

Bayangkan Anda memiliki larik string yang mewakili nama teman Anda. Anda ingin membuat larik baru yang berisi panjang dari setiap nama teman Anda. Inilah cara Anda dapat menggunakan metode

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

5 untuk melakukannya

const fruits = ['apple', 'banana', 'pear'];

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

_8

Anda kemudian dapat menggunakan larik

const fruits = ['apple', 'banana', 'pear'];

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

_08 untuk, misalnya, menemukan nama terpanjang atau terpendek di antara teman-teman Anda

const fruits = ['apple', 'banana', 'pear'];

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

_9

Salah satu manfaat menggunakan metode

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_5 adalah bahwa ini adalah cara yang ringkas dan mudah dibaca untuk mengulang melalui array dan menerapkan fungsi tertentu ke setiap elemen dalam array. Ini sering lebih disukai daripada

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_3 loop karena kurang bertele-tele dan sekilas lebih mudah dipahami

Manfaat lain menggunakan metode

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_5 adalah membuat array baru dengan nilai yang diubah, daripada memodifikasi array asli

Ini memungkinkan kami menghindari mutasi larik asli, yang penting untuk menjaga integritas data dan menghindari efek samping yang tidak diinginkan

☰ peta() dan kerangka kerja modern

Saat bekerja dengan React atau pustaka serupa, map() adalah cara paling umum untuk mengubah larik data menjadi komponen yang akan berakhir di halaman

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

0

Bagaimana dengan sementara?

A

const fruits = ['apple', 'banana', 'pear'];

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

_12 loop memungkinkan Anda mengulang blok kode sementara kondisi tertentu adalah

const fruits = ['apple', 'banana', 'pear'];

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

13

Namun, menggunakan loop

const fruits = ['apple', 'banana', 'pear'];

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

_12 umumnya tidak disarankan karena mengharuskan Anda untuk melacak penghitung loop secara manual dan mengakhiri loop ketika akhir array tercapai. Ini dapat membuat kode menjadi lebih kompleks dan sulit dibaca, terutama untuk array yang lebih besar atau operasi yang lebih kompleks

Itu juga dapat menyebabkan masalah seperti membuat loop tak terbatas

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

_1

Dalam kode ini, loop

const fruits = ['apple', 'banana', 'pear'];

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

_12 digunakan untuk mengulangi elemen array

Object.defineProperty(car, "make", {
  enumerable: false
});

9 dan mengirim email pemberitahuan ke setiap pengguna. Namun, pernyataan

const fruits = ['apple', 'banana', 'pear'];

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

_17 ada di dalam tubuh loop, dan bukan bagian dari kondisi terminasi. Ini berarti bahwa nilai

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

_3 tidak akan pernah bertambah, dan loop akan berjalan tanpa batas, menyebabkan program crash atau hang

Apa cara tercepat untuk mengulang array dalam JavaScript?

Loop tercepat adalah for loop, baik dengan dan tanpa panjang caching memberikan kinerja yang sangat mirip. .

Loop sementara dengan pengurangan kira-kira 1. 5 kali lebih lambat dari for loop

Sebuah loop menggunakan fungsi panggilan balik (seperti forEach standar), kira-kira 10 kali lebih lambat daripada loop for

Apa cara terbaik untuk beralih melalui array?

Mengulangi array . Menggunakan for loop − Alih-alih mencetak elemen demi elemen, Anda dapat mengulangi indeks menggunakan for loop mulai dari 0 hingga panjang array (ArrayName. panjang) dan elemen akses pada setiap indeks. using for loop or forEach loop. Using the for loop − Instead on printing element by element, you can iterate the index using for loop starting from 0 to length of the array (ArrayName. length) and access elements at each index.

Bisakah Anda mengulang array dalam JavaScript?

Jika kita ingin mengulang melalui sebuah array, kita dapat menggunakan properti length untuk menentukan bahwa loop harus berlanjut sampai kita mencapai elemen terakhir dari array kita. In the loop above, we first initialized the index number so that it begins with 0 .

Apa cara terbaik untuk mengulang dalam JavaScript?

Loop “Untuk” . Sangat berguna untuk mengeksekusi blok kode beberapa kali. Ini menggunakan penghitung, yang nilainya diinisialisasi terlebih dahulu, dan kemudian nilai akhirnya ditentukan. Penghitung dinaikkan dengan nilai tertentu setiap kali loop berjalan.

kode javascript