如何用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 分享