如何编写JavaScript代码实现用户自定义提示框数量功能

原代码的核心问题 #

• 条件判断逻辑错误：所有if/else if中使用了赋值运算符=而非比较运算符===，导致每次判断都会修改num的值，且条件永远为真，完全偏离预期逻辑。
• 代码严重冗余：每个分支重复编写相同的输入、打印逻辑，新增或修改逻辑时需要多处修改，维护性极差。
• 需求覆盖不全：原需求要求输入3或4时弹出对应数量的提示框，但原代码的else分支仅处理了3组的情况，未支持4组。
• 数据管理混乱：每组用户信息用独立变量存储，无法统一处理或复用数据。

优化后的代码 #

// 获取用户输入的组数，限制在1-4范围内
let num = Number(prompt('请输入需要收集的用户信息组数（1-4）：'));
// 处理非法输入：非数字、超出范围时默认设为1组
num = isNaN(num) || num < 1 || num > 4 ? 1 : Math.floor(num);

// 用数组统一存储所有用户信息
const userList = [];

// 循环获取每组用户的姓名和年龄
for (let i = 0; i < num; i++) {
  const sequence = ['第一', '第二', '第三', '第四'][i];
  const userName = prompt(`请输入${sequence}个用户的姓名：`);
  const userAge = prompt(`请输入${sequence}个用户的年龄：`);
  userList.push({ name: userName, age: userAge });
}

// 批量打印用户信息
console.log('已收集的用户信息：');
userList.forEach((user, idx) => {
  console.log(`第${idx + 1}组：姓名=${user.name}，年龄=${user.age}`);
});

优化亮点 #

• 修复逻辑错误：通过循环替代分支判断，从根源避免了原条件赋值的问题，同时完美支持1-4组的需求。
• 消除代码冗余：仅编写一次输入和存储逻辑，通过循环批量处理，大幅提升代码可维护性。
• 增强鲁棒性：增加输入校验，处理用户输入非数字、超出范围的异常情况，避免程序逻辑混乱。
• 优化数据结构：用数组存储用户对象，方便后续对数据进行查询、修改、导出等操作，灵活性更高。
• 提升用户体验：将提示文本改为中文，更符合需求场景，同时用序号提示用户当前输入的是第几组信息。

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