napisanie trójkąta z liczba w JavaScript

Question

Witam serdecznie, jestem bardzo początkująca w JavaScript i próbuję stworzyć taki trójkąt z liczb:

1

12

123

1234

12345

 

Jestem już blisko, ale wychodzi mi w konsoli każda liczba oddzielnie "pod sobą". I nie wiem, jak połączyć liczby ze sobą w jednym wierszu. Oto mój kod:

for (var i = 1; i <=5; i++) {
  console.log("");
  for (var j = 1; j <=i; j++) {
console.log(j + " ");
  }
}

Gdy próbowałam łączyć te liczby, to wyszły mi z tego niesamowite głupoty (moja próba):

var numbers="";
for (var i = 1; i <=5; i++) {
  numbers="";
  for (var j = 1; j <=i; j++) {
  numbers = numbers + 1;
  }
  console.log("");
  console.log(j + " ");
}

Będę wdzięczna za pomoc :) 

Answer 1

var line = "";
for (var i = 1; i <=5; i++) {
    line = ""; // kasujesz linię po każdym przejściu pętli
    for (var j = 1; j <=i; j++) {
        line += j.toString();  // zapisujesz liczbę na końcu zamienioną na string
    }
    console.log(line);
}

To powinno działać ;)

Comments

Super, działa! Dziękuję :) Naprowadziło mnie to, co napisałeś i wymyśliłam małą alternatywę dla tego zapisu:

var line = "";
for (var i = 1; i <=5; i++) {
    line = ""; 
    for (var j = 1; j <=i; j++) {
        line += j + ""; 
    }
    console.log(line);

Dziękuję za pomoc!

---

A czy mogłabym jeszcze zapytać o jedną poradę: gdybym do tych liczb, chciała (a bardzo chcę) dołączyć gwiazdki, w taki sposób, aby utworzyć kwadrat, to jak powinnam zagnieździć kolejną pętlę?

1****

12***

123**

1234*

12345

Mam coś takiego i najwyraźniej źle przypisałam zmienną "k".  Czy mogłabym prosić o spojrzenie?

var line = "";
var lineOfStars = "";
for (var i = 1; i <=5; i++) {
    line = "";
    for (var k=4; k>=i; k--) {
      lineOfStars = lineOfStars + "*";
    }
    for (var j = 1; j <=i; j++) {
       line += j + "";
    }
    console.log(line);
    console.log(lineOfStars);
}

 

---

To może od końca: zamiast wypisywać w dwóch liniach "line" i lineOfStars możesz zrobić to w jednej linii:

console.log(line + lineOfStars);

Wtedy będziesz mieć pewność, że wyniki zostaną poprawnie wypisane.

A co do zagnieżdżenia drugiej pętli tym razem Ci podpowiem, zamiast dać gotowe rozwiązanie: w głównej pętli wypisujesz liczby tak jak to napisałem w odpowiedzi na Twoje zapytanie, a następnie piszesz kolejną pętlę z warunkiem var k = i + 1; k <= 5; k++; (liczba o jeden większa od liczby wypisywanych liczb, ale mniejsza od liczby wszystkich liczb, z każdą iteracją zwiększana o jeden (co przy kolejnych iteracjach głównej pętli spowoduje zmniejszenie o jeden w każdym przypadku)).

Edit: pozostawiam Ci do wymyślenia, gdzie zerować zmienną lineOFStars ;)

---

Niezłe metody pedagogiczne ;) Jednak muszę Ci podziękować, bo zadziało ;) Teraz mam wieczorną radochę, że do czegokolwiek sama doszłam (nawet jeśli to taka bzdetka) w tym gąszczu zawiłości JS :)
W takim razie znowu bardzo dziękuję za fachową i szybką pomoc! :)

var line = "";
var lineOfStars = "";
for (var i = 1; i <=5; i++) {
    line = "";
    lineOfStars = "";
    for (var k=i+1; k<=5; k++) {
      lineOfStars += "*";
    }
    for (var j = 1; j <=i; j++) {
       line += j + "";
    }
    console.log(line + lineOfStars);
}