JavaScriptのfor文の条件指定

Question

JavaScript学習者です。

JavaScriptで以下のような図形を書きたいです。

☆★★★★
★☆★★★
★★☆★★
★★★☆★
★★★★☆

自分なりに考えたコードが以下です。

for (var i = 0; i < 5; i++) {
    var j = 0;
    for (var k = 0; k <= 5; k++) {
        if (j == k) {
            document.write("☆");
        } else if (k == 5) {
            document.write("<br>");
        } else {
            document.write("★");
        }
    }
    j += 1;
}

しかし、このまま実行すると以下のようになります。

☆★★★★
☆★★★★
☆★★★★
☆★★★★
☆★★★★

☆を一行ごとに一つずつずらしていきたいのですが、どのようにすれば良いのでしょうか？

よろしくお願いいたします。

Comments

[m.ts10806]

Bracketsと直接関係ないのでは？

Answer 1

どのようにすれば良いのでしょうか？

var j=0;の行をforループの外側に出してください。

このままだと、var j=0;の行を通るたびにj=0への初期化が行われてしまいます。

…というより、jを用意せずに、if (i == k)で比較するだけでも済みます。

Answer 2

ネタ的に

var star=Array(29).fill('★').map((x,y)=>(y%7==0?"☆":((y+1)%6==0?"<br>":x)));
document.write(star.join(""));

Answer 3

こんな感じ。
process.stdout.writeはdocument.writeに書き替えてください。\nは<br>に。

for (var i = 0; i < 5; i++) {
    for (var k = 0; k < 5; k++) {
        if (i == k) {
            process.stdout.write("☆");
        } else {
            process.stdout.write("★");
        }
    }
    process.stdout.write("\n");
}