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.
