如何使对象数组遵循基于键值的“条纹”模式？

Question

我有一组代表一些资金数据的对象。每个对象都有一个键名“type”，即 c 或 e。我需要返回一个表格，确保行的顺序遵循以下模式：c row => e row => c row => e row... etc.

数据通过 ID 以 desc 顺序返回，如果有原始数据集，则可以删除它们

[{type: 'c', id: 1}, {type: 'e', id: 2}, {type: 'c', id: 3}, {type: 'e', id: 4}]

我们删除第一个 {type: 'e', id: 2} 我希望表格显示

[{type: 'c', id: 1}, {type: 'e', id: 4}, {type: 'c', id: 3}]

不是

[{type: 'c', id: 1}, {type: 'c', id: 3}, {type: 'e', id: 4}]

有没有办法在这里使用 javascript 的 sort() 或者我需要编写一个自定义的排序函数，如果是，那会是什么样子？

Answer 1

我认为你不能在这里以任何方式使用排序。

我认为，为了确保它遵循您的模式，最简单的解决方案是将您的数组拆分为 2 个较小的数组，一个包含所有 type: 'c'，另一个包含所有 type: 'e'，然后每次将它们重新合并在一起您对其进行更改。

类似：

let originalArray = [{type: 'c', id: 1}, {type: 'e', id: 2}, {type: 'c', id: 3}, {type: 'e', id: 4}];
originalArray.splice(2, 1)
let arrayOfTypeE = originalArray.filter(item => item.type === 'e');
let arrayOfTypeC = originalArray.filter(item => item.type === 'c');
let finalArray = [];
for (i = 0; i< arrayOfTypeE.length + arrayOfTypeC.length; i++){
    if(i %2 === 0){
        finalArray[i] = arrayOfTypeE[Math.floor(i / 2)];
    } else {
        finalArray[i] = arrayOfTypeC[Math.floor(i / 2)];
    }
}

finalArray.forEach((e,i)=>console.log(i, '=>' ,JSON.stringify(e)))

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

但您需要确保不会有一个数组比另一个数组短 2 个元素，否则就无法维持您的模式。并且整个拆分/重新合并可以做成一个函数