Die ForIn-Schleife

Das Beispiel enthält ein Objekt mit einer Person. Sie werden beim HTML-Element <p id=“demo“>…</p> ausgegeben. Bei „document.getElementById(„demo“).innerHTML = text; wird mit …(„demo“). … auf das HTML-Element mit der <p id=“demo“></p> gezeigt und mit „innerHTML“ der Inhalt ausgelesen. In HTML ist eine id eindeutig und darf nur einmal vorkommen.

Die forIn-Schleife durchläuft ein Personenobjekt. Jede Iteration (von lateinisch iterare ,wiederholen‘) gibt einen Schlüssel (y) zurück. Der Schlüssel wird verwendet, um auf den Wert des Schlüssels zuzugreifen. Der Wert des Schlüssels ist personen[y]

Es wird ausserhalb mit ‚let text = “ „;‘ eine globale Variable angelegt um den in der Schleife generierten Wert zu speichern. Mit <br> wird ein Zeilenumbruch eingeleitet. Was eine globale Variable ist siehst du weiter unter „JS-Scope“.

				
					<!DOCTYPE html>
<html>
<body>

<h4>Die ForIn-Schleife</h4>

<p id="demo"></p>

<script>


function selectPerson(){
    
const personen = {Vorname:"Hans", Nachname:"Meier", Alter:67};

let text = "";
for (let y in personen) {
  text += personen[y] + " <br> ";
} 
document.getElementById("demo").innerHTML = text;
}
</script>

<button class="myButton" type="button" onclick="selectPerson()">Klick</button>

</body>
</html>

Die ForIn-Schleife