JavaScript中如何反转嵌套数组索引位置及调整数组格式

Got it，我来帮你解决这两个JavaScript数组处理的问题，分情况给你讲清楚👇

这里的“反转索引位置”通常有三种常见需求，我分别给你演示实现方式：

情况1：反转外层数组的整体顺序 #

如果你的需求是把嵌套数组的外层元素位置整体倒转——比如原数组是 [[1, 2], [3, 4], [5, 6]]，想要变成 [[5, 6], [3, 4], [1, 2]]，可以直接用数组的reverse()方法。

注意：reverse()会直接修改原数组，如果不想破坏原数组，记得先拷贝一份再反转

// 原嵌套数组
const nestedArr = [[1, 2], [3, 4], [5, 6]];

// 方式1：直接反转（会修改原数组）
nestedArr.reverse();
console.log(nestedArr); // 输出: [[5, 6], [3, 4], [1, 2]]

// 方式2：不修改原数组，先拷贝再反转
const reversedNestedArr = [...nestedArr].reverse();
// 也可以用 slice() 实现拷贝：const reversedNestedArr = nestedArr.slice().reverse();
console.log(reversedNestedArr); // 输出: [[5, 6], [3, 4], [1, 2]]
console.log(nestedArr); // 原数组保持不变: [[1, 2], [3, 4], [5, 6]]

情况2：反转每个子数组的内部元素顺序 #

如果需求是保持外层数组顺序不变，只反转每个子数组的元素——比如原数组是 [[1, 2], [3, 4], [5, 6]]，想要变成 [[2, 1], [4, 3], [6, 5]]，可以用map()配合reverse()实现：

const nestedArr = [[1, 2], [3, 4], [5, 6]];

// 不修改原数组的写法
const reversedInnerArr = nestedArr.map(subArr => [...subArr].reverse());
console.log(reversedInnerArr); // 输出: [[2, 1], [4, 3], [6, 5]]
console.log(nestedArr); // 原数组不受影响

情况3：反转二维数组的行列索引（转置+反转） #

如果是更复杂的矩阵反转需求——比如把 [[1,2,3],[4,5,6]] 变成 [[6,5,4],[3,2,1]]，可以结合转置和反转操作：

const matrix = [[1,2,3],[4,5,6]];
// 先转置矩阵，再反转每个子数组
const reversedMatrix = matrix[0].map((_, colIndex) => 
  matrix.map(row => row[colIndex])
).map(subArr => subArr.reverse());
console.log(reversedMatrix); // 输出: [[6,5,4],[3,2,1]]

因为“指定格式”的范围太广，我举几个日常开发中最常见的场景，你可以参考适配自己的需求：

场景1：将一维数组拆分为固定长度的嵌套数组 #

比如把 [1,2,3,4,5,6] 转成 [[1,2],[3,4],[5,6]]（每2个元素一组）：

const flatArr = [1,2,3,4,5,6];
const chunkSize = 2;

const chunkedArr = [];
for (let i = 0; i < flatArr.length; i += chunkSize) {
  chunkedArr.push(flatArr.slice(i, i + chunkSize));
}
console.log(chunkedArr); // 输出: [[1,2],[3,4],[5,6]]

场景2：将对象数组转换为键值对对象 #

比如把 [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}] 转成 {1: 'Alice', 2: 'Bob'}：

const objArr = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}];

const keyValueObj = objArr.reduce((acc, curr) => {
  acc[curr.id] = curr.name;
  return acc;
}, {});
console.log(keyValueObj); // 输出: {1: 'Alice', 2: 'Bob'}

场景3：将数组转换为下拉选项格式的嵌套对象 #

比如把 ['a', 'b', 'c'] 转成 [{label: 'a', value: 'a'}, {label: 'b', value: 'b'}, {label: 'c', value: 'c'}]：

const strArr = ['a', 'b', 'c'];

const formattedArr = strArr.map(item => ({
  label: item,
  value: item
}));
console.log(formattedArr);
// 输出: [{label: 'a', value: 'a'}, {label: 'b', value: 'b'}, {label: 'c', value: 'c'}]

如果你的目标格式不在上面的例子里，可以把具体的输入和期望输出描述出来，我再帮你调整代码~

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