JavaScript - Grundlagen - Bedingungen und Schleifen

1. Bedingungen

Hier muss ich eigentlich garnichts dazu sagen, da die Bedingungen in PHP und JavaScript identisch sind. Der Übersichtlichkeit halber liste ich sie noch mal kurz auf.

• if
• if - else if - else
• switch

Obacht!

In PHP kann man sowohl else if als auch elseif schreiben. In JavaScript nicht! Da gibt es nur ein else if. Also immer schön ein Leerzeichen dazwischen setzen.

2. Schleifen

Hier gilt (fast) dasselbe wie bei den Bedingungen. Es gibt auch in JavaScript die for-, while- und do while-Schleife. Allerdings gibt es zwei Unterschiede.

foreach

Diese Schleife zur Verarbeitung von Arrays existiert zwar in JavaScript, aber leider erst ab der Version 1.7. Und das bedeutet, dass man sie vergessen kann, da einige Browser noch nicht so weit sind. Stattdessen gibt es eine Alternative.

for ... in

Dies ist das Pendant zu foreach in PHP und funktioniert fast genau so. Die erste Variable bla beinhaltet dann die Indizes des Arrays blubb. Und so kann man Letzteres problemlos durchlaufen.

var blubb = new Array ();
blubb['bla']     = 'Laber';
blubb['schwall'] = 'Sülz';
blubb['kräh']    = 'Jodelbla';
for (bla in blubb)
{
  alert (bla + '-' + blubb[bla]);    
}

for-Schleifen

Hier muss man auf eine Sache höllisch aufpassen. Und zwar auf die Definition der hochzählenden Variable. In PHP funktioniert folgender Code einwandfrei.

<?php
  $bla  = array ('blubb', 'blubber', 'schwall', 'laber');
  $find = array ('dumdidum', 'blubb', 'jodelblah');
  
  for ($i = 0; $i < count($find); $i++)
  {
    if ('blubb' == $find[$i])
    {
      gotcha ($bla, $find[$i]);
    }
  }
  function gotcha ($values, $hit)
  {
    for ($i = 0; $i < count($values); $i++)
    {
      if ($values[$i] == $hit)
      {
        echo 'gefunden';
        break;
      }
    }
  }
?>

In JavaScript nicht!

Bei folgendem Code erzeugt ihr eine Endlosschleife und müsst eurem Browser abschießen, damit ihr ihn wieder nutzen könnt.

<script type="text/javascript">
  bla  = new Array ('blubb', 'blubber', 'schwall', 'laber');
  find = new Array ('dumdidum', 'blubb', 'jodelblah');
  
  for (i = 0; i < find.length; i++)
  {
    if ('blubb' == find[i])
    {
      gotcha (bla, find[i]);
    }
  }
  function gotcha (values, hit)
  {
    for (i = 0; i < values.length; i++)
    {
      if (values[i] == hit)
      {
        alert (i + 'gefunden');
        break;
      }
    }
  }
</script>

<script type="text/javascript">
  ...
  for (var i = 0; i < find.length; i++)
  {
    ...
  }
  function gotcha (values, hit)
  {
    for (var i = 0; i < values.length; i++)
    {
      ...
    }
  }
</script>

weiter zum nächsten Abschnitt