JS使用for循环生成星号金字塔末尾出现undefined如何解决

• 你定义的ligne函数没有写return语句，JavaScript 中无显式返回值的函数执行后默认返回undefined
• 调用ligne(num)时，函数内部已经通过document.write完成了金字塔的输出逻辑，你后续将函数返回值赋值给pyramid变量，再执行document.write(pyramid)就额外输出了这个默认返回的undefined，和循环内的换行逻辑没有关系。

方案1：删除冗余输出逻辑 #

既然函数内部已经处理了输出，直接调用函数即可，不需要接收返回值再额外输出：

function ligne(x)
{
    // 建议给循环变量加let声明，避免变成全局变量污染作用域
    for(let i = 0; i < x; i++)
    {
        for(let j = 0; j <= i; j++)
        {
            document.write("*");
        }
        document.write("<br/>");
    }
};

var num = prompt("Entré un nombre.");
ligne(num);

方案2：调整函数为返回字符串模式 #

如果需要保留变量接收结果的逻辑，修改函数为拼接完整个金字塔字符串后显式返回，再统一输出：

function ligne(x) {
    let pyramidStr = '';
    for(let i = 0; i < x; i++) {
        for(let j = 0; j <= i; j++) {
            pyramidStr += '*';
        }
        pyramidStr += '<br/>';
    }
    return pyramidStr;
}

var num = prompt("Entré un nombre.");
var pyramid = ligne(num);
document.write(pyramid);

内容的提问来源于stack exchange，提问作者JacobMarlo