如何用JavaScript高效提取和排序数组数据生成二维数组？-js教程-PHP中文网

如何用JavaScript高效提取和排序数组数据生成二维数组？

DDD

发布： 2025-03-20 08:28:10

原创

282人浏览过

javascript数组的巧妙排序与数据提取

本文将探讨如何根据一个数组中元素的值，从另一个数组中提取数据并进行特定的竖向排序。这个问题的核心在于如何有效地利用两个数组的信息，最终生成一个符合要求的新的二维数组。

假设我们有两个数组：arr 和 items。arr 数组包含多个对象，每个对象具有 price、useruid 和 item_name 属性。items 数组则包含多个对象，每个对象具有 id 和 num 属性。我们的目标是根据 items 数组中每个对象的 num 值，从 arr 数组中提取相应数量的对象，并将这些对象按照 items 数组的顺序排列成一个新的二维数组。

具体来说，items 数组中的每个对象代表一个子数组，num 属性指定了该子数组应该包含的元素个数。我们应该从 arr 数组中依次取出元素，填充到对应的子数组中。

以下代码片段展示了如何实现这一目标：

立即学习“Java免费学习笔记（深入）”；

const arr = [
  {price: 5, userUid: 0, item_name: '测试3'},
  {price: 20, userUid: 0, item_name: '测试2'},
  {price: 23, userUid: 0, item_name: '测试1'},
  {price: 39, userUid: 0, item_name: '测试2'},
  {price: 43, userUid: 0, item_name: '测试1'},
  {price: 55, userUid: 0, item_name: '测试3'},
  {price: 66, userUid: 0, item_name: '测试2'},
  {price: 72, userUid: 0, item_name: '测试3'},
  {price: 82, userUid: 0, item_name: '测试3'},
  {price: 97, userUid: 0, item_name: '测试3'},
];

const items = [
  { id: 1, num: 2 },
  { id: 2, num: 3 },
  { id: 3, num: 5 }
];

const result = new Array(items.length)
  .fill(0)
  .map(() => []);

let index = 0;
let flag = true;

while (flag) {
  flag = false;
  items.forEach((v, i) => {
    const a = result[i];
    if (a.length < v.num) {
      a.push(arr[index++]);
      flag = true;
    }
  });
}

console.log(result);

登录后复制

这段代码首先创建一个与 items 数组长度相同的二维数组 result，并用空数组初始化每个子数组。然后，它使用一个 while 循环和一个标志变量 flag 来控制循环的结束条件。在每次循环中，它遍历 items 数组，并将 arr 数组中的元素依次添加到 result 数组中，直到每个子数组都达到指定的长度。最终，result 数组就包含了我们期望的排序后的数据。代码的输出结果与预期一致。

以上就是如何用JavaScript高效提取和排序数组数据生成二维数组？的详细内容，更多请关注php中文网其它相关文章！