[問題] JS loop問題

作者: d13751200344 (callmedan)   2022-03-04 13:10:45
各位版上的前輩先進們好,小弟目前正在學習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***,是不是我的思
路哪邊有問題?
作者: tino1991 (深白)   2022-03-04 13:51:00
i=3的時候, result=*\n**, s=\n***
作者: d13751200344 (callmedan)   2022-03-04 16:35:00
樓上大大,i=3時s=\n*** 這段如您所說;但接下來會觸發result+=s ,導致result = *\n***呀?
作者: tino1991 (深白)   2022-03-04 17:55:00
"*\n**" + "\n***" = "*\n**\n***" 這樣我看到文中說 (第一個*、第四個* 是let result="*"造成)
作者: gasbomb (虛空雷神獸)   2022-03-04 17:57:00
有關loop的問題我一律建議去debugger一步一步看
作者: tino1991 (深白)   2022-03-04 17:57:00
let result 在for 迴圈外不會再被執行到
作者: gasbomb (虛空雷神獸)   2022-03-04 17:58:00
你第二行又沒被loop包到只有執行一次
作者: tino1991 (深白)   2022-03-04 17:59:00
對, 直接 console 印出來看比較方便
作者: d13751200344 (callmedan)   2022-03-04 18:31:00
了解了感謝各位大大!

Links booklink

Contact Us: admin [ a t ] ucptt.com