求助：JavaScript实现动态数组元素旋转功能（新手向）

嘿，刚学JS一周就敢动手尝试真的超棒！你的思路方向是对的，但硬写索引肯定没法适配数组长度变化，咱们来写个灵活的、能自动适配数组新增元素的版本～

先搞懂旋转逻辑 #

看你给出的例子，每次旋转都是把数组最后一个元素移到最前面，重复数组长度次后，就能得到所有不同的旋转状态（转n次就会回到原数组，n是数组长度）。

基础实现方法（适合新手理解） #

我们可以用JS数组的两个基础方法：

• pop()：删除并返回数组的最后一个元素
• unshift()：在数组的最开头添加一个元素

但要注意：直接修改原数组会把原数组搞坏，所以每次旋转前要先复制原数组，用[...原数组]这种展开运算符就能快速复制一个新数组。

完整代码示例：

// 定义原数组，后续新增元素直接用numbers.push(xxx)就行
const numbers = [4, 7, 3, 6, 9];
// 用来存所有旋转结果的数组
const allRotations = [];

// 循环数组长度次，生成对应数量的旋转数组
for (let i = 0; i < numbers.length; i++) {
  // 复制原数组，避免修改原数据
  let rotatedArr = [...numbers];
  // 循环i次，完成当前次数的旋转
  for (let j = 0; j < i; j++) {
    const lastItem = rotatedArr.pop();
    rotatedArr.unshift(lastItem);
  }
  // 把生成的旋转数组存起来
  allRotations.push(rotatedArr);
}

// 打印所有结果
allRotations.forEach(arr => console.log(arr));

更简洁的进阶写法（可选） #

如果想少写点代码，可以利用数组的slice()方法切片拼接，原理是直接截取最后i个元素放到前面：

const numbers = [4, 7, 3, 6, 9];
const allRotations = Array.from({ length: numbers.length }, (_, index) => {
  // 截取最后index个元素 + 截取前面除了最后index个的元素
  return [...numbers.slice(-index), ...numbers.slice(0, -index)];
});

allRotations.forEach(arr => console.log(arr));

测试适配新增元素 #

比如给原数组加个元素：

numbers.push(2); // 现在数组变成[4,7,3,6,9,2]

再运行代码，会自动生成6个旋转后的数组，完全不用修改逻辑代码～

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