Verschachtelte for-Schleifen in javascript

Ich Frage mich, ob ich könnte einige Hinweise auf ein Problem bin ich mit verschachtelten for-Schleifen in javascript.

Momentan habe ich die folgenden verschachtelten for-Schleife im Ort

for (var i = 0; i <= score; i++)
{
    for (var j = 0; j <= i; j++)
    {
        var stsc = '<img src="./images/star.png"/>';
    }
}

Ziel ist die variable stsc zeigen die Anzahl der Sterne ist abhängig von der Anzahl der score-variable.

Aktuell, es zeigt nur 1 Stern, egal, was der Wert von score ist. Ich habe versucht, hinzufügen von stsc außerhalb des nested-loop-ohne Erfolg. Egal was ich mache es wird sich zeigen, nichts anderes als 1 Stern.

Konnte Sie zeigen mich in die richtige Richtung, wie um es zu bekommen zu zeigen, die richtige Anzahl von Sternen (3-stars, wenn die Punktzahl 3, 0 Sterne, wenn Punktzahl ist 0 usw...)

Danke an alle

  • Warum brauchen Sie eine verschachtelte for-Schleife? Sieht für mich wie eine normale for-Schleife von 0 zu score sollte nur tun, in Ordnung. Erfahren Sie mehr über die string-Verkettung: developer.mozilla.org/en-US/docs/JavaScript/Guide/....
  • Ich wurde immer gelehrt, dass eine verschachtelte Schleife nötig war, für solche Situationen. Ich versuchte es schon mit einer Schleife, aber ich immer noch, nur noch 1 Stern anzeigen
  • Sie haben, um Wert zu stsc-variable. Zuerst musst du die init-variable zu leeren string vor der Schleife: stsc = "; verwenden Sie Dann stsc += '<img...';
  • Ich gehe davon aus, dass es anderen code, dass Sie nicht zeigen Sie uns? Weil Sie die Zuordnung der Zeichenfolge zu Ihrem (lokalen) Variablen stsc, über und über, und nicht tun nichts mit ihm.
  • Hallo Ann, es ist viel mehr code, ich habe. Es ist nur diese eine spezielle Frage, die ich habe. Wenn ich die variable dann zeigt er die richtige Anzahl, es will einfach nicht hinzufügen, um den stsc variable, wenn ich zeigen möchte, die richtige Anzahl von Sternen. E. g. Wenn ich score = 3 dann, wenn ich einfach nur zeigen, Kerbe oder einfach nur zeigen, j, dann zeigt er 3, aber zeigt nur 1 Instanz des star-Bild
InformationsquelleAutor Chris | 2013-02-02
  1. 3
    var stsc="";
var score=0;
for (var i = 1; i <= score; i++)
{

        stsc = stsc +'<img src="./images/star.png"/>';

}

    http://jsfiddle.net/m5Btd/1295/

    • Hi Vinit, von denen, die ich habe versucht, diese hat den trick. Vielen Dank für deine Hilfe. Danke allen anderen auch
    • Einstellung "score" zu null in der Variablen-Deklaration wird im Ergebnis keine Sterne ...
    • Das ist seltsam, denn es ist genau das, was ich schrieb...
    • es ist seltsam. Wenn ich versuchte, es mit dem += es würde aufhören, der rest des Codes ausgeführt wird. Wirklich seltsam, da kann ich mit += für integer-Variablen. Vielen Dank für Ihre Antworten obwohl
    InformationsquelleAutor Vinit
  2. 2

    Brauchen Sie nur eine normale for Schleife und die string-Verkettung:

    var stsc = '';

for (var i = 0; i < score; i++) {
    stsc += '<img src="./images/star.png"/>';
}

    Darüber nachdenken, wie diese: Sie möchten, erstellen n Sternen, wo n ist der Wert der Partitur. Daher müssen Sie wiederholen Sie den Prozess der Erstellung der HTML-string n Zeiten. Das ist, was ein for Schleife zu tun, und wiederholte etwas, bis eine Bedingung erfüllt ist. Und statt überschreiben der Variablen in jeder iteration, die Sie haben, um hinzufügen zu.

    • Hi Felix, wenn ich versuche, das es hält der rest des Codes von der Anzeige. Ich bin mit jQuery, um die Ergebnisse anzuzeigen und das hält das ganze script tot in seiner tracks
    • Da ich nicht weiß, der rest des Codes, es gibt nicht viel ich Ihnen helfen kann. Sie können eine jsfiddle.net demo. Stellen Sie sicher, dass score definiert ist. Haben Sie einen Blick auf die Konsole für Fehler.
    • und überprüfen Sie, ob Sie schrieb die for Schleife korrekt und konkret "ich" wird inkrementiert, richtig.
    InformationsquelleAutor Felix Kling
  3. 1

    Brauchen Sie nicht alle for Schleifen:

    var stsc = score === 0 ? "" : new Array(score + 1).join("<img src=./images/star.png>");
    InformationsquelleAutor Pointy
Schreibe einen Kommentar