Bagaimana untuk melakukan gelung dalam JavaScript

Sebagai bahasa pengaturcaraan yang digunakan secara meluas, salah satu ciri JavaScript yang paling biasa digunakan ialah struktur gelung, yang menyediakan pembangun cara yang mudah untuk melaksanakan pelbagai logik dan algoritma. Artikel ini akan memperkenalkan pembaca kepada beberapa struktur gelung yang biasa digunakan dan senario aplikasinya dalam JavaScript.

1. while loop

while loop ialah struktur gelung yang paling asas Struktur sintaksnya adalah seperti berikut:

while(condition){
  // statements to be executed
}

di mana keadaan mewakili keadaan bagi. gelung, jika Jika keadaan adalah benar, pernyataan dalam gelung dilaksanakan. Sebelum gelung dilaksanakan, ia akan menyemak sama ada syarat itu benar Jika syarat itu palsu, pernyataan dalam badan gelung tidak akan dilaksanakan.

Gelung while boleh digunakan pada pelbagai senario, seperti berulang kali melaksanakan operasi tertentu berdasarkan input pengguna atau menapis elemen yang memenuhi syarat tertentu daripada tatasusunan atau objek, dsb.

Berikut ialah contoh mudah yang akan mengeluarkan nombor 1~5:

let i = 1;
while(i <= 5){
  console.log(i);
  i++;
}

2. gelung do-while

gelung do-while vs. manakala Perbezaan dengan gelung ialah gelung do-while akan mula-mula melaksanakan badan gelung sekali dan kemudian menyemak sama ada keadaan gelung adalah benar. Jika keadaan gelung adalah benar, badan gelung dilaksanakan berulang kali, jika tidak gelung terkeluar.

Sintaks adalah seperti berikut:

do {
  // statements to be executed
}while(condition);

Begitu juga, keadaan mewakili keadaan gelung. Berikut ialah contoh, yang akan mengeluarkan nombor 1~5:

let i = 1;
do {
  console.log(i);
  i++;
}while(i <= 5);

3. untuk gelung

Gelung for biasanya digunakan untuk mengulang elemen dalam tatasusunan, dan sintaks adalah seperti berikut:

for(init; condition; iterator){
  // statements to be executed
}

di mana init mewakili pernyataan yang akan dilaksanakan pada permulaan gelung, keadaan mewakili keadaan gelung dan iterator mewakili pernyataan yang akan dilaksanakan selepas setiap lelaran.

Berikut ialah contoh, yang akan mengeluarkan nombor 1~5:

for(let i = 1; i <= 5; i++){
  console.log(i);
}

Dalam gelung for, anda juga boleh menggunakan penyataan break dan continue untuk mengawal aliran gelung. Pernyataan break digunakan untuk keluar dari gelung, dan pernyataan continue digunakan untuk melangkau lelaran semasa dan melaksanakan lelaran seterusnya.

Berikut ialah contoh gelung for dengan pernyataan putus, yang akan mengeluarkan nombor 1~4:

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

4. gelung untuk-dalam

untuk Gelung -in digunakan untuk melintasi sifat objek Sintaksnya adalah seperti berikut:

for(property in object){
  // statements to be executed
}

di mana sifat mewakili nama sifat yang sedang dilalui, dan objek mewakili objek yang akan dilalui.

Berikut ialah contoh mudah yang akan melelar melalui semua sifat objek dan mengeluarkan nilainya:

let person = {
  name: "Tom",
  age: 20,
  city: "New York"
};

for(let property in person){
  console.log(person[property]);
}

Perlu diingat bahawa apabila menggunakan gelung for-in untuk lelaran pada tatasusunan , pulangan bukan elemen tatasusunan, tetapi indeksnya.

5. gelung for-of

Gelung for-of ialah sintaks baharu dalam ES6, yang digunakan untuk melintasi objek boleh lelar, seperti tatasusunan dan rentetan. Sintaksnya adalah seperti berikut:

for(variable of iterable){
  // statements to be executed
}

di mana pembolehubah mewakili elemen yang sedang dilalui, dan boleh diulang mewakili objek boleh dilalui untuk dilalui. Berikut ialah contoh yang akan mengeluarkan semua aksara dalam rentetan:

let str = "hello, world";
for(let char of str){
  console.log(char);
}

Perlu diingat bahawa apabila melelaran melalui tatasusunan, menggunakan gelung for-of boleh mengelak daripada menggunakan pembolehubah indeks dalam gelung for dan meningkat kebolehbacaan kod.

Artikel ini memperkenalkan beberapa struktur gelung yang biasa digunakan dalam JavaScript dan senario aplikasinya. Mereka boleh membantu pembangun melaksanakan pelbagai logik dan algoritma serta meningkatkan kebolehbacaan dan kecekapan kod.

Atas ialah kandungan terperinci Bagaimana untuk melakukan gelung dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!