高效实现一维数组到二维数组的转换：按高度分组
本文介绍一种高效的方法，将一维数组转换为二维数组，其中二维数组的每个子数组包含高度相同的元素。
我们使用reduce方法实现这一转换：
const groupByHeight = (list) => list.reduce((res, v) => {
const lastGroup = res[res.length - 1];
if (lastGroup && lastGroup[0].height === v.height) {
lastGroup.push({ width: v.width, height: v.height });
} else {
res.push([{ width: v.width, height: v.height }]);
}
return res;
}, []);
此函数迭代输入数组list。如果当前元素的高度与最后一个分组中的元素高度相同，则将其添加到该分组。否则，创建一个新的分组并添加当前元素。
使用方法如下：
const data = [
{ id: 1, width: 500, height: 1000 },
{ id: 2, width: 500, height: 1000 },
{ id: 3, width: 500, height: 500 },
{ id: 4, width: 500, height: 500 },
{ id: 5, width: 500, height: 1000 },
{ id: 6, width: 500, height: 1000 },
{ id: 7, width: 500, height: 500 },
{ id: 8, width: 500, height: 500 },
{ id: 9, width: 500, height: 500 },
{ id: 10, width: 500, height: 500 },
];
const data2 = groupByHeight(data);
console.log(data2);
这将生成一个二维数组，其中每个子数组包含高度相同的元素，从而实现了高效的数组转换。 此方法比原文中的方法更简洁，并且避免了不必要的id和slot属性的创建。
