高效实现一维数组到二维数组的转换：按高度分组
本文介绍一种高效的方法，将一维数组转换为二维数组，其中二维数组的每个子数组包含高度相同的元素。
我们使用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属性的创建。
以上就是如何将一维数组按高度分组转换为二维数组？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
215
