根據其他對象的array屬性對對象數組進行排序的最快方法

Question

我有兩個對象數組，它們都具有columnId屬性。 我想使第一個對象的數組的順序與第二個對象的順序相同。

我已經試過了：

filtered = visibleColumns.filter(function(v) {
            return filtered.includes(v.colId);
        });

我的結果數組filtered在哪里，而visibleColumns是我需要的順序排列的數組，但這不起作用。

數組的例子：

 filtered = [{ colId:1, title: 'col1', size: 10 }, { colId:2, title: 'col2', size: 10 }]; visibleColumns = [{ colId:2, visible: true }, { colId:1, visible: true }]; 

Answer 1

您可以創建一個Map對象，將每個colId從visibleColumns映射到數組中的索引。 獲取每個目錄colId排序時filtered

 const filtered = [{ colId: 1, title: "col1", size: 10 }, { colId: 2, title: "col2", size: 10 }], visibleColumns = [{ colId: 2, visible: true }, { colId: 1, visible: true }]; const order = new Map(visibleColumns.map((o, i) => [o.colId, i])) filtered.sort((a, b) => order.get(a.colId) - order.get(b.colId)) console.log(filtered) 

Answer 2

您可以創建具有所需順序的對象，並為未知ID取默認值以將其排序到最底端。

 var filtered = [{ colId: 1, title: 'col1', size: 10 }, { colId: 2, title: 'col2', size: 10 }], visibleColumns = [{ colId: 2, visible: true }, { colId: 1, visible: true }], order = visibleColumns.reduce((o, { colId }, i) => (o[colId] = i + 1, o), {}); filtered.sort((a, b) => (order[a.colId] || Infinity) - (order[b.colId] || Infinity)); console.log(filtered); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }