Pętla for w JavaScript

Stronę tą wyświetlono już: 5398 razy

Pętla for w JavaScript w klasycznej postaci nie różni się od tej z C++, oto prosty przykład:

Listing 1

for(var i = 0; i < 10; i++){
document.write("" + i + ""); // wypisuje na stronie w miejscu wstawienia skryptu kolejne akapity zawierające wartość i
}

Za pomocą pętli można interować po elementach tablic i zmiennych tekstowych np. w taki oto sposób:

Listing 2

var text = "tekst";
for(var i = 0; i < text.length(); i++){
document.write("" + text[i] + ""); // wypisuje na stronie literka po literce tekst zawarty w zmiennej text
}

I podobnie dla samych tablic:

Listing 3

var table = [1, 3, 5];
for(var i = 0; i < table.length(); i++){
document.write("" + table[i] + ""); // wypisuje na stronie kolejne elementy tablicy
}

W przypadku tablic asocjacyjnych w javascript iterowanie po elementach takiej tablicy wygląda następująco:

Listing 4

var table = {"key1": "value1", "key2": "value2", "key3": "value3"};
for(var key in table){
document.write("Key = " + key + "; value = " + table[key] + "");
}

Każdą pętlę można przerwać w dowolnej chwili korzystając z słowa kluczowego break lub zakończyć wykonywanie bloku intrukcji bieżącej iteracji i przejść do kolejnej za pomocą słowa kluczowego continue.

Propozycje książek