Rumah > hujung hadapan web > tutorial js > MENGUASAI LOOPS DALAM JAVASCRIPT: PANDUAN KOMPREHENSIF

MENGUASAI LOOPS DALAM JAVASCRIPT: PANDUAN KOMPREHENSIF

Susan Sarandon
Lepaskan: 2024-11-02 05:52:29
asal
549 orang telah melayarinya

MASTERING LOOPS IN JAVASCRIPT: A COMPREHENSIVE GUIDE

Gelung adalah asas dalam pengaturcaraan: membolehkan kami melakukan tugasan berulang dengan kod minimum. Sama ada anda seorang pemula yang baru bermula atau pembangun berpengalaman yang ingin memperhalusi pengetahuan anda, gelung pemahaman akan meningkatkan keupayaan anda untuk menulis kod yang cekap, bersih dan menarik.

Dalam panduan ini, kita akan menyelami pelbagai jenis gelung, sintaksnya dalam bahasa pengaturcaraan popular dan beberapa petua tentang masa dan cara menggunakannya dengan berkesan.

Apakah itu Gelung?

Gelung ialah binaan/fungsi pengaturcaraan yang membolehkan kita mengulang set arahan sehingga syarat tertentu dipenuhi. Dengan menggunakan gelung, kami boleh mengelakkan pertindihan, mengendalikan set data yang besar dan mekanisasi tugas dengan cekap. Gelung digunakan dalam JavaScript untuk melaksanakan tugas berulang berdasarkan syarat, Syarat ini biasanya mengembalikan benar atau salah.

Kes penggunaan biasa termasuk:

  • Mengulangi senarai atau tatasusunan
  • Menjalankan kod beberapa kali ditetapkan
  • Mencari item tertentu dalam koleksi
  • Melakukan tindakan sehingga syarat dipenuhi

Jenis Gelung

  1. Untuk Gelung
  2. Gelung Semasa
  3. Gelung Lakukan-Semasa
  4. Untuk...Dari Gelung
  5. Untuk...Dalam Gelung
  6. Gelung Bersarang

Secara amnya terdapat tiga jenis gelung utama yang terdapat dalam kebanyakan bahasa pengaturcaraan:

  1. Untuk Gelung
  2. Gelung Semasa
  3. Gelung Lakukan-Semasa

Mari kita pecahkan setiap jenis.

  1. Untuk Gelung

A for Loop digunakan apabila anda mengetahui terlebih dahulu berapa kali anda perlu melaksanakan blok kod, Ia sesuai untuk mengulang tatasusunan atau koleksi.

Sintaks(contoh JavaScript):

Contoh 1:

for i in range(5);
    print("Hello, World!");
Salin selepas log masuk
Salin selepas log masuk

Dalam contoh ini, julat(5) menjana jujukan dari 0 hingga 4. Gelung akan berjalan lima kali, mencetak "Hello, World!" setiap kali.

Contoh 2:

for(let i = 0; i <= 10; i++) {
    console.log(i);
}
Salin selepas log masuk
Salin selepas log masuk

Dalam contoh ini, ia menyatakan; biarkan i = 0 jika i yang sama dengan 0 adalah kurang daripada atau sama dengan 10; kenaikan(i). operator JavaScript ini( ) akan mengembalikan nilai asal dan gelung sehingga 10.

Contoh 3:

for(let i = 0; i <= 10; i++) {
    console.log(`for Loop Number: ${i}`);
}
Salin selepas log masuk
Salin selepas log masuk

Contoh ini boleh dikatakan sama seperti contoh sebelumnya, perbezaannya ialah penggunaan tanda dolar($) dan tanda belakang untuk memberikan fungsi yang menambahkan teks "Untuk Nombor Gelung" pada Gelung.

Contoh 4:

for (let i = 20; i >= 0; i--){
    console.log(i)
}
Salin selepas log masuk
Salin selepas log masuk

Dalam contoh ini ia menyatakan, biarkan i = 20; jika i lebih besar daripada atau sama dengan 0 penyusutan. Operasi pengurangan mengurangkan nombor sebanyak 1, ia menggunakan --operator.

Bila hendak digunakan:

Gunakan untuk gelung apabila anda mengetahui bahawa bilangan lelaran yang tepat atau apabila anda perlu mengulang elemen dalam senarai, kamus atau tatasusunan.

  1. Gelung Semasa

Gelung sementara digunakan apabila bilangan lelaran tidak diketahui terlebih dahulu. Sebaliknya gelung berterusan sehingga syarat yang ditentukan tidak lagi dipenuhi. Perbezaan gelung while ialah anda menetapkan pembolehubah di luar.

Sintaks(contoh JavaScript):

Contoh 1:

for i in range(5);
    print("Hello, World!");
Salin selepas log masuk
Salin selepas log masuk

Dalam contoh ini kelihatan pembolehubah ditetapkan di luar, ia menyatakan biar i = 0; jika saya kurang daripada 10 kenaikan(i ), dan ia menggunakan tanda dolar($) dan tanda belakang untuk mengkonfigurasi teks " For While Loop".

Contoh 2:

for(let i = 0; i <= 10; i++) {
    console.log(i);
}
Salin selepas log masuk
Salin selepas log masuk

Dalam contoh ini Kod memulakan pembolehubah Johnpaul kepada 0 dan menggunakan Loop sementara untuk mencetak " Hello, World!" sehingga Johnpaul mencapai 5.

Bila hendak digunakan:

Gunakan gelung sementara apabila bilangan lelaran tidak diketahui atau bergantung pada keadaan yang mungkin berubah dalam gelung. Ia sering digunakan untuk tugasan yang memerlukan semakan berterusan, seperti menunggu input pengguna.

  1. Gelung Lakukan-Semasa

Gelung do-while adalah serupa dengan gelung sementara, tetapi ia menjamin bahawa kod di dalam gelung berjalan sekurang-kurangnya sekali sebelum keadaan diuji. Jenis gelung ini tidak tersedia dalam semua bahasa (seperti Python), tetapi ia biasa dalam JavaScript, C dan Java.

Sintaks (contoh JavaScript):

Contoh 1:

for(let i = 0; i <= 10; i++) {
    console.log(`for Loop Number: ${i}`);
}
Salin selepas log masuk
Salin selepas log masuk

Dalam kes ini, "Hello, World!" akan dicetak sekali sebelum syarat (Jude < 5) dinilai.

Contoh 2:

for (let i = 20; i >= 0; i--){
    console.log(i)
}
Salin selepas log masuk
Salin selepas log masuk

Dalam contoh ini, nombor dimulakan/sama dengan 1. Blok do kemudian berjalan, mencetak "nombor semasa ialah:" diikuti dengan nilai nombor. Selepas mencetak, nombor dinaikkan sebanyak 1 Kitaran ini berterusan selagi keadaan (nombor <= 5) adalah benar. Berbeza dengan gelung While, gelung do-while memastikan kod di dalam do bock dilaksanakan sekurang-kurangnya sekali, tanpa mengira nilai awal keadaan.

Bila hendak digunakan:

Gunakan gelung do-while apabila anda memerlukan badan gelung untuk melaksanakan sekurang-kurangnya sekali tanpa mengira keadaan. Ia berguna untuk tugasan di mana permulaan berlaku dalam gelung.

Memilih gelung yang Betul

  • Untuk Gelung: apabila anda mengetahui bilangan lelaran yang tepat atau perlu
    lelaran ke atas elemen.

  • While Loop: Apabila bilangan lelaran tidak diketahui dan bergantung pada
    syarat.

  • Gelung Do-While: Apabila anda mahu badan Gelung dilaksanakan sekurang-kurangnya sekali sebelum ini, walaupun keadaan pada mulanya palsu.

Kawalan Gelung: Pecah dan berterusan

Dalam kebanyakan bahasa pengaturcaraan, anda mempunyai pernyataan kawalan untuk mengurus pelaksanaan gelung:

  • Patah: Keluar dari gelung serta-merta.
  • Teruskan: Langkau lelaran semasa dan beralih ke lelaran seterusnya.

Contoh:

let i = 0;
while(i < 10){
console.log(`for while Number: ${i}`);

i++;
}

Salin selepas log masuk

Penjelasan:

  • Gelung berulang dari 0 hingga 9.
  • Apabila saya berumur 5 tahun, rehat menghentikan gelung.
  • Jika saya genap, teruskan melangkau ke lelaran seterusnya tanpa mencetak.
  • Hanya nombor ganjil di bawah 5 dicetak.

Kesilapan Biasa dengan Gelung

  1. Gelung Infinite: Ini berlaku apabila keadaan keluar gelung tidak pernah
    bertemu. contohnya terlupa untuk menambah pembilang dalam gelung sementara.

  2. Ralat Luar Oleh Satu: Selalunya berlaku dalam gelung apabila julat bukan
    tetapkan dengan betul.

  3. Gelung Tidak Diperlukan: Menggunakan gelung yang membolehkan operasi yang dioptimumkan atau fungsi terbina dalam boleh menjadi lebih cekap.

Amalan Terbaik

  • Gunakan Pembolehubah Deskriptif: Menggunakan nama generik seperti i, a atau b,
    dikira walaupun tidak deskriptif. Sebaliknya gunakan nama pembolehubah deskriptif
    seperti John, main, count, Jude, Johnpaul e.t.c apabila boleh,
    terutamanya untuk gelung bersarang.

  • Pertimbangkan Prestasi: Gelung yang dijalankan pada pangkalan data yang besar boleh melambatkan
    program. Cari pengoptimuman seperti pemahaman senarai dalam tatasusunan
    kaedah dalam JavaScript.

Kesimpulan

Gelung ialah alatan penting dalam pengaturcaraan, memberikan anda keupayaan untuk mengautomasikan tugasan berulang dan mengendalikan pangkalan data yang kompleks dengan mudah. Dengan menguasai gelung untuk, sambil dan lakukan sambil, anda akan dilengkapi dengan baik untuk menangani pelbagai cabaran pengekodan.

Semoga ini membantu! Beritahu saya jika anda mempunyai butiran atau contoh khusus yang anda ingin saya tambahkan, juga jika anda menghadapi sebarang kesulitan/soalan semasa menjalankan kod, tanyakan kepada saya dengan senang hati membantu.

Selamat Pengekodan!

Atas ialah kandungan terperinci MENGUASAI LOOPS DALAM JAVASCRIPT: PANDUAN KOMPREHENSIF. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan