JavaScript实现用户输入驱动的数组旋转：输入报错与方向功能问题

问题分析 #

• arr.pop() is not a function 报错根源：prompt() 返回的是字符串类型，不是数组，直接调用数组方法自然会报错。
• 现有代码仅实现右移逻辑，缺少旋转方向选择的功能支持。

解决方案步骤 #

1. 输入转换与合法性校验 #

把用户输入的字符串转成可操作的数组和数字：

• 数组输入：用 split(',') 分割字符串，再通过 map(Number) 转成数字数组，同时过滤空值或非数字元素，避免无效数据干扰。
• 偏移位数：转成整数后对数组长度取模，比如数组长度为5，偏移7等价于偏移2，减少不必要的循环次数。
• 旋转方向：获取输入后验证是否为0（左移）或1（右移），确保方向合法。

2. 扩展旋转函数支持左右移 #

修改原函数，新增 direction 参数区分旋转方向：

• 右移（direction=1）：每次将数组最后一个元素移到开头（pop() + unshift()）。
• 左移（direction=0）：每次将数组第一个元素移到末尾（shift() + push()）。

完整代码实现 #

// 获取并处理用户输入
const inputArr = prompt("请输入数组，元素用逗号分隔（例如：1,2,3,4,5）");
const numList = inputArr.split(',').map(item => Number(item.trim())).filter(item => !isNaN(item));

if (numList.length === 0) {
  alert("输入的数组无效，请重新输入");
} else {
  const p = parseInt(prompt("请输入偏移位数"));
  const shift = isNaN(p) ? 0 : p % numList.length; // 取模优化循环次数
  const direction = parseInt(prompt("请选择旋转方向：0代表左移，1代表右移"));

  function changeArray(arr, shiftCount, direction) {
    // 复制原数组，避免修改用户输入的原始数据
    const newArr = [...arr];
    for (let i = 0; i < shiftCount; i++) {
      if (direction === 1) {
        // 右移逻辑：末尾元素移到头部
        newArr.unshift(newArr.pop());
      } else {
        // 左移逻辑：头部元素移到末尾
        newArr.push(newArr.shift());
      }
      console.log(`第${i+1}次旋转后：`, newArr);
    }
    return newArr;
  }

  const result = changeArray(numList, shift, direction);
  console.log("最终旋转结果：", result);
  alert(`最终旋转结果：${result.join(', ')}`);
}

代码说明 #

• 输入校验：过滤无效元素，防止空数组或非数字导致的运行错误。
• 取模优化：偏移位数对数组长度取模，避免重复循环相同的旋转动作。
• 数组复制：用扩展运算符 [...arr] 复制原数组，保证原始输入不被修改。
• 兼容处理：若方向输入非0/1，默认按左移逻辑执行，提升容错性。

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