[問題] JS loop問題

[d13751200344 (三更燈火五更雞)]

各位版上的前輩先進們好，小弟目前正在學習JS，做題的時候發現有一題讓我百思不解， 想請問各位大大們：
關於此題我一直搞不懂，

function makeStars(n){
    let result = "*";

    for (let i = 2; i <= n ; i++) {
      let s = "\n";
      for (let j = 0; j < i ; j++) {
        s = s + "*";
      }
result = result + s;
    }
console.log(result);
  }

makeStars(3);

————————————————————
第九行的 result += s 被包在第一個for loop裡面，為什麼不會被重複?
正確答案是*\n**\n*** (第一個*是let result="*"造成)

但我不了解為什麼答案不是*\n***\n***呢? (第一個*、第四個* 是let result="*"造成)
我的思路是: 當n=3時，第一個for loop會被執行兩次(「i=2」與「i=3」時)、第二個for  loop會被執行共五次(「i=2」時執行2次 + 「i=3」時執行3次)；

也就是說，當n=3的前提下，i=2時觸發兩次第二個for loop (結果為\n**)、觸發一次「r esult += s」，得到「*\n**」；接著在i=3時觸發三次第二個for loop (結果為\n***)、 又觸發一次「result += s」，得到「*\n***」；

而"*\n**"+"*\n***" = "*\n***\n***" ；但是正確答案卻是*\n**\n***，是不是我的思
路哪邊有問題?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.72.118.151 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1646370647.A.664.html
→ tino1991: i=3的時候, result=*\n**, s=\n***
→ d13751200344: 樓上大大，i=3時s=\n*** 這段如您所說；但接下來會
→ d13751200344: 觸發result+=s ，導致result = *\n***呀？
→ tino1991: "*\n**" + "\n***" = "*\n**\n***" 這樣
→ tino1991: 我看到文中說 (第一個*、第四個* 是let result="*"造成)
→ gasbomb: 有關loop的問題我一律建議去debugger一步一步看
→ tino1991: let result 在for 迴圈外不會再被執行到
→ gasbomb: 你第二行又沒被loop包到只有執行一次
→ tino1991: 對, 直接 console 印出來看比較方便
→ d13751200344: 了解了感謝各位大大！