Pętla for w JavaScript

Autor podstrony: Krzysztof Zajączkowski

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

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

for(var i = 0; i < 10; i++){ document.write("<p>" + i + "</p>"); // 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:

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

I podobnie dla samych tablic:

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

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

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

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