如何实现用户取消prompt时终止含数组的while循环并保留前10项？

原代码的核心bug #

• 误用push返回值：input = guests.push(prompt(...))里，push返回的是数组更新后的长度，不是用户输入内容！用户点取消时prompt返回null，你把这个null塞进数组，input拿到的是数字（数组长度），所以input === null永远不成立，循环停不下来。
• while循环条件写错：while (j = 1)是赋值语句而非判断语句，每次循环都会把j设为1，导致循环永远执行。
• 取消输入处理错误：取消输入时不该把null加入客人列表，直接终止循环才合理。

修正后的代码 #

let guests = [];
let i = 1;

// 用无限循环配合break控制终止，比额外变量更直观
while (true) {
    // 先单独获取用户输入
    const guestInput = prompt(`Enter Guest ${i} (press cancel to stop)`);
    
    // 用户点击取消，直接跳出循环
    if (guestInput === null) {
        break;
    }
    
    // 仅将有效输入加入数组
    guests.push(guestInput);
    i++;
    
    // 检查是否达到10人上限，到点提示并停止输入
    if (guests.length === 10) {
        console.log('Only the first ten guests will be recorded');
        break;
    }
}

console.log(guests);

关键改进点 #

• 分离输入与数组操作：先判断输入是否为取消，避免无效值混入客人列表，同时能正确触发终止逻辑。
• 简化循环控制：用while(true)配合break，无需额外变量，逻辑更清晰。
• 提前拦截上限：每次添加后检查人数，达到10立即提示并停止，避免用户做无用输入。

备选方案：允许继续输入但仅保留前10项 #

如果想让用户输入满10人后仍可继续输入，但只保留前10条记录，可使用以下代码：

let guests = [];
let i = 1;
let hasShownTip = false;

while (true) {
    const guestInput = prompt(`Enter Guest ${i} (press cancel to stop)`);
    
    if (guestInput === null) {
        break;
    }
    
    if (guests.length < 10) {
        guests.push(guestInput);
    } else {
        // 仅提示一次上限信息
        if (!hasShownTip) {
            console.log('Only the first ten guests will be recorded');
            hasShownTip = true;
        }
        // 超过10人的输入直接忽略
    }
    
    i++;
}

console.log(guests);

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