.jpg)
JavaScript數(shù)組的巧妙排序與數(shù)據(jù)提取
本文將探討如何根據(jù)一個(gè)數(shù)組中元素的值，從另一個(gè)數(shù)組中提取數(shù)據(jù)并進(jìn)行特定的豎向排序。這個(gè)問題的核心在于如何有效地利用兩個(gè)數(shù)組的信息，最終生成一個(gè)符合要求的新的二維數(shù)組。
假設(shè)我們有兩個(gè)數(shù)組：arr 和 items。arr 數(shù)組包含多個(gè)對(duì)象，每個(gè)對(duì)象具有 price、useruid 和 item_name 屬性。items 數(shù)組則包含多個(gè)對(duì)象，每個(gè)對(duì)象具有 id 和 num 屬性。我們的目標(biāo)是根據(jù) items 數(shù)組中每個(gè)對(duì)象的 num 值，從 arr 數(shù)組中提取相應(yīng)數(shù)量的對(duì)象，并將這些對(duì)象按照 items 數(shù)組的順序排列成一個(gè)新的二維數(shù)組。
具體來說，items 數(shù)組中的每個(gè)對(duì)象代表一個(gè)子數(shù)組，num 屬性指定了該子數(shù)組應(yīng)該包含的元素個(gè)數(shù)。 我們應(yīng)該從 arr 數(shù)組中依次取出元素，填充到對(duì)應(yīng)的子數(shù)組中。
以下代碼片段展示了如何實(shí)現(xiàn)這一目標(biāo)：
立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；
const arr = [ {price: 5, userUid: 0, item_name: '測(cè)試3'}, {price: 20, userUid: 0, item_name: '測(cè)試2'}, {price: 23, userUid: 0, item_name: '測(cè)試1'}, {price: 39, userUid: 0, item_name: '測(cè)試2'}, {price: 43, userUid: 0, item_name: '測(cè)試1'}, {price: 55, userUid: 0, item_name: '測(cè)試3'}, {price: 66, userUid: 0, item_name: '測(cè)試2'}, {price: 72, userUid: 0, item_name: '測(cè)試3'}, {price: 82, userUid: 0, item_name: '測(cè)試3'}, {price: 97, userUid: 0, item_name: '測(cè)試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);
這段代碼首先創(chuàng)建一個(gè)與 items 數(shù)組長(zhǎng)度相同的二維數(shù)組 result，并用空數(shù)組初始化每個(gè)子數(shù)組。然后，它使用一個(gè) while 循環(huán)和一個(gè)標(biāo)志變量 flag 來控制循環(huán)的結(jié)束條件。在每次循環(huán)中，它遍歷 items 數(shù)組，并將 arr 數(shù)組中的元素依次添加到 result 數(shù)組中，直到每個(gè)子數(shù)組都達(dá)到指定的長(zhǎng)度。 最終，result 數(shù)組就包含了我們期望的排序后的數(shù)據(jù)。 代碼的輸出結(jié)果與預(yù)期一致。
.png)
