JavaScript para ... em loop

o for...inloop é usado para percorrer as propriedades de um objeto. Como ainda não discutimos os Objetos, você pode não se sentir confortável com este loop. Mas depois de entender como os objetos se comportam em JavaScript, você achará esse loop muito útil.

Sintaxe

A sintaxe do loop 'for..in' é -
for (variablename in object) {
   statement or block to execute
}

Em cada iteração, uma propriedade de object é atribuído a variablename e este loop continua até que todas as propriedades do objeto sejam exauridas.

Exemplo

Experimente o seguinte exemplo para implementar o loop 'for-in'. Ele imprime o navegador da webNavigator objeto.

<html>
   <body>      
      <script type = "text/javascript">
         <!--
            var aProperty;
            document.write("Navigator Object Properties<br /> ");        
            for (aProperty in navigator) {
               document.write(aProperty);
               document.write("<br />");
            }
            document.write ("Exiting from the loop!");
         //-->
      </script>      
      <p>Set the variable to different object and then try...</p>
   </body>
</html>

Resultado

Navigator Object Properties 
serviceWorker 
webkitPersistentStorage 
webkitTemporaryStorage 
geolocation 
doNotTrack 
onLine 
languages 
language 
userAgent 
product 
platform 
appVersion 
appName 
appCodeName 
hardwareConcurrency 
maxTouchPoints 
vendorSub 
vendor 
productSub 
cookieEnabled 
mimeTypes 
plugins 
javaEnabled 
getStorageUpdates 
getGamepads 
webkitGetUserMedia 
vibrate 
getBattery 
sendBeacon 
registerProtocolHandler 
unregisterProtocolHandler 
Exiting from the loop!
Set the variable to different object and then try...