Schleifen in Javascript: Unterschied zwischen den Versionen

 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 12: Zeile 12:
 
'''Hinweis:'''
 
'''Hinweis:'''
 
Was man dabei beachten sollte ist, dass die Performance der Verarbeitung extreme Unterschiede aufweist. Aus diesem Grunde sollte man immer anstreben performante Varianten einzusetzen, falls dies möglich ist.
 
Was man dabei beachten sollte ist, dass die Performance der Verarbeitung extreme Unterschiede aufweist. Aus diesem Grunde sollte man immer anstreben performante Varianten einzusetzen, falls dies möglich ist.
 +
 +
Live-Test für Dein System:
 +
* https://jsperf.com/fastest-array-loops-in-javascript/24
 +
  
 
'''Beispiel in JavaScript:'''
 
'''Beispiel in JavaScript:'''
Zeile 39: Zeile 43:
 
Meine Zählposition ist 3
 
Meine Zählposition ist 3
 
}}
 
}}
 +
 +
 +
== do-while-Schleife ==
 +
<syntaxhighlight lang="js">
 +
var start = -5;
 +
var ziel = 3;
 +
 +
do{
 +
   
 +
  console.log( "Meine Zählposition ist " + start + " \n" );
 +
  start++;
 +
 
 +
} while ( start <= ziel  )
 +
</syntaxhighlight>
 +
 +
{{Konsole|
 +
Meine Zählposition ist -5 <br />
 +
Meine Zählposition ist -4 <br />
 +
Meine Zählposition ist -3 <br />
 +
Meine Zählposition ist -2 <br />
 +
Meine Zählposition ist -1 <br />
 +
Meine Zählposition ist 0  <br />
 +
Meine Zählposition ist 1 <br />
 +
Meine Zählposition ist 2 <br />
 +
Meine Zählposition ist 3
 +
}}
 +
 +
 +
== for-Schleife ==
 +
<syntaxhighlight lang="js">
 +
var start = -5;
 +
var ziel = 3;
 +
 +
for( var start = -5 ;  start <= ziel ; start++ ){
 +
   
 +
  console.log( "Meine Zählposition ist " + start + " \n" );
 +
 
 +
}
 +
</syntaxhighlight>
 +
 +
{{Konsole|
 +
Meine Zählposition ist -5 <br />
 +
Meine Zählposition ist -4 <br />
 +
Meine Zählposition ist -3 <br />
 +
Meine Zählposition ist -2 <br />
 +
Meine Zählposition ist -1 <br />
 +
Meine Zählposition ist 0  <br />
 +
Meine Zählposition ist 1 <br />
 +
Meine Zählposition ist 2 <br />
 +
Meine Zählposition ist 3
 +
}}
 +
 +
 +
 +
== for-in-Schleife ==
 +
Die Schleife zum iterieren von Objekten
 +
 +
<syntaxhighlight lang="js">
 +
var string = "Text";
 +
 +
for( i in string ){
 +
   
 +
  console.log( "Der " + ( 1 * i + 1 ) + ". Buchstabe von " + string + " ist ein " + string[i] + " \n" );
 +
 
 +
}
 +
</syntaxhighlight>
 +
 +
{{Konsole|
 +
Der 1. Buchstabe von text ist ein T <br />
 +
Der 2. Buchstabe von text ist ein e <br />
 +
Der 3. Buchstabe von text ist ein x <br />
 +
Der 4. Buchstabe von text ist ein t <br />
 +
}}
 +
 +
 +
[[Kategorie:JavaScript]]

Aktuelle Version vom 30. Dezember 2017, 04:41 Uhr

Schleifen - sind dazu da, um gleiche Vorgänge zu wiederholen. Besonders wenn ein Vorgang ein Muster zeigt das aus Wiederholungen besteht und wenig Änderungen enthält, kann eine Schleife sinnvoll sein. z.B. das Aufaddieren einer Liste aus Zahlen. Man unterscheidet in JavaScript drei Arten von Schleifen.

  • while-Schleife - Kopfgesteuert
  • do-while-Schleife - Fußgesteuert
  • for-Schleife - Kopfgesteuert
  • for-in-.Schleife - Kopfgesteuert

Kopfgesteuert bedeutet, dass die Laufzeitbedingung gleich zum Beginn geprüft wird. Falls die Bedingung nicht zutrifft wird der Schleifendurchlauf sofort abgebrochen. Im Gegensatz dazu durchlaufen Fußgesteuerte Schleifen min. einmal den gesamten Prozess innheralb der Schleife, egal welche Bedinung auftritt.

Rekursionen haben ähnliche Effekte wie Schleifen, wellen aber selbst keine Schleife als Funktion dar. Sie können jedoch auch dazu genutzt werden.

Hinweis: Was man dabei beachten sollte ist, dass die Performance der Verarbeitung extreme Unterschiede aufweist. Aus diesem Grunde sollte man immer anstreben performante Varianten einzusetzen, falls dies möglich ist.

Live-Test für Dein System:


Beispiel in JavaScript:

while-Schleife

var start = -5;
var ziel = 3;

while( start <= ziel  ){
    
  console.log( "Meine Zählposition ist " + start + " \n" );
  start++;
  
}

Meine Zählposition ist -5
Meine Zählposition ist -4
Meine Zählposition ist -3
Meine Zählposition ist -2
Meine Zählposition ist -1
Meine Zählposition ist 0
Meine Zählposition ist 1
Meine Zählposition ist 2
Meine Zählposition ist 3


do-while-Schleife

var start = -5;
var ziel = 3;

do{
    
  console.log( "Meine Zählposition ist " + start + " \n" );
  start++;
  
} while ( start <= ziel  )

Meine Zählposition ist -5
Meine Zählposition ist -4
Meine Zählposition ist -3
Meine Zählposition ist -2
Meine Zählposition ist -1
Meine Zählposition ist 0
Meine Zählposition ist 1
Meine Zählposition ist 2
Meine Zählposition ist 3


for-Schleife

var start = -5;
var ziel = 3;

for( var start = -5 ;  start <= ziel ; start++ ){
    
  console.log( "Meine Zählposition ist " + start + " \n" );
  
}

Meine Zählposition ist -5
Meine Zählposition ist -4
Meine Zählposition ist -3
Meine Zählposition ist -2
Meine Zählposition ist -1
Meine Zählposition ist 0
Meine Zählposition ist 1
Meine Zählposition ist 2
Meine Zählposition ist 3


for-in-Schleife

Die Schleife zum iterieren von Objekten

var string = "Text";

for( i in string ){
    
  console.log( "Der " + ( 1 * i + 1 ) + ". Buchstabe von " + string + " ist ein " + string[i] + " \n" );
  
}

Der 1. Buchstabe von text ist ein T
Der 2. Buchstabe von text ist ein e
Der 3. Buchstabe von text ist ein x
Der 4. Buchstabe von text ist ein t