JavaScript para... em loop
Exemplos
Iterar (loop) sobre as propriedades de um objeto:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Iterar (loop) sobre os valores de uma matriz:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Mais exemplos abaixo.
Definição e uso
A for...in
combinação de instruções itera (loops) sobre as propriedades de um objeto.
O bloco de código dentro do loop é executado uma vez para cada propriedade.
Observação
Não use for...in para iterar uma matriz se a ordem do índice for importante. Use um loop for em vez disso.
Veja também:
Sintaxe
for (x in
object) {
code block to be executed
}
Parâmetros
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
Instruções de loop JavaScript
Declaração | Descrição | |
pausa | Sai de um loop | |
Prosseguir | Ignora um valor em um loop | |
enquanto | Faz um loop em um bloco de código enquanto uma condição é verdadeira | |
fazer enquanto | Faz um loop em um bloco de código uma vez e, em seguida, enquanto uma condição for verdadeira | |
por | Faz um loop em um bloco de código enquanto uma condição é verdadeira | |
para de | Faz um loop nos valores de qualquer iterável | |
para... em | Faz um loop nas propriedades de um objeto |
Mais exemplos
Itere sobre as propriedades de window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Suporte ao navegador
for...in
é um recurso ECMAScript1 (ES1).
ES1 (JavaScript 1997) é totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |