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

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 数组就包含了我们期望的排序后的数据。 代码的输出结果与预期一致。

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享