O loop for…in é usado para percorrer as propriedades de um objeto. Como ainda não discutimos os Objetos, talvez você não se sinta confortável com esse loop. Mas uma vez que você entenda como os objetos se comportam em JavaScript, você achará este loop muito útil.
Sintaxe
A sintaxe do loop ‘for…in’ é:
for (nomedavariavel in objeto) {
declaração ou bloco para ser executado
}
Em cada iteração, uma propriedade do objeto é atribuída ao nome da variável e esse loop continua até que todas as propriedades do objeto estejam esgotadas.
Exemplo
Tente o exemplo a seguir para implementar o loop ‘for-in’. Imprime o objeto Navegador do navegador da web.
<html> <body> <script type="text/javascript"> <!-- var propriedade; document.write("Propriedades do Objeto do Navegador<br /> "); for (propriedade in navigator) { document.write(propriedade); document.write("<br />"); } document.write ("Saindo do loop!"); //--> </script> </body> </html>
Resultado
Propriedades do Objeto do Navegador vendorSub productSub vendor maxTouchPoints hardwareConcurrency cookieEnabled appCodeName appName appVersion platform product userAgent language languages onLine doNotTrack geolocation mediaCapabilities connection plugins mimeTypes webkitTemporaryStorage webkitPersistentStorage getBattery sendBeacon getGamepads javaEnabled vibrate requestMIDIAccess userActivation mediaSession permissions registerProtocolHandler unregisterProtocolHandler deviceMemory clipboard credentials keyboard locks mediaDevices serviceWorker storage presentation bluetooth usb requestMediaKeySystemAccess getUserMedia webkitGetUserMedia Saindo do loop!