如何按嵌套值对复杂对象进行排序答案

【问题标题】：How to sort a complex object by a nested value如何按嵌套值对复杂对象进行排序
【发布时间】：2019-07-02 22:44:05
【问题描述】：

我在尝试对复杂对象进行排序时遇到问题。这是对象结构：

[{
    "searchResultProperties": [{
        "key": "message_time",
        "value": 1542088800000
    }, {
        "key": "size_byte AVG",
        "value": 480
    }, {
        "key": "source_file",
        "value": "log"
    }, {
        "key": "source_host",
        "value": "lab8.domain.com"
    }],
    "show": false,
    "key": null,
    "type": null
}, {
    "searchResultProperties": [{
        "key": "message_time",
        "value": 1542096000000
    }, {
        "key": "size_byte AVG",
        "value": 373
    }, {
        "key": "source_file",
        "value": "log"
    }, {
        "key": "source_host",
        "value": "lab8.domain.com"
    }],
    "show": false,
    "key": null,
    "type": null
}, {
    "searchResultProperties": [{
        "key": "message_time",
        "value": 1542103200000
    }, {
        "key": "size_byte AVG",
        "value": 683
    }, {
        "key": "source_file",
        "value": "log"
    }, {
        "key": "source_host",
        "value": "lab8.domain.com"
    }],
    "show": false,
    "key": null,
    "type": null
}]

基本上它是一个对象数组，具有一个名为“searchResultProperties”的属性，该属性是一个具有“key”和“value”属性的对象数组。

我正在尝试对“key”属性进行排序，即：“size_byte AVG”。

【问题讨论】：

您能否也发布您的尝试？
不清楚。您是想按其中一个属性对数组中的对象进行排序，还是想对对象的属性进行排序，这似乎很奇怪？
我想根据 tue 属性之一对数组中的对象进行排序。

标签： javascript typescript ecmascript-6

【解决方案1】：

您可以使用Array.prototype.sort() 函数为您提供两个对象，并且您可以根据您的排序逻辑返回一个+ve 或-ve 值。参考[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort]

array = [{
    "searchResultProperties": [{
        "key": "message_time",
        "value": 1542088800000
    }, {
        "key": "size_byte AVG",
        "value": 480
    }, {
        "key": "source_file",
        "value": "log"
    }, {
        "key": "source_host",
        "value": "lab8.domain.com"
    }],
    "show": false,
    "key": null,
    "type": null
}, {
    "searchResultProperties": [{
        "key": "message_time",
        "value": 1542096000000
    }, {
        "key": "size_byte AVG",
        "value": 373
    }, {
        "key": "source_file",
        "value": "log"
    }, {
        "key": "source_host",
        "value": "lab8.domain.com"
    }],
    "show": false,
    "key": null,
    "type": null
}, {
    "searchResultProperties": [{
        "key": "message_time",
        "value": 1542103200000
    }, {
        "key": "size_byte AVG",
        "value": 683
    }, {
        "key": "source_file",
        "value": "log"
    }, {
        "key": "source_host",
        "value": "lab8.domain.com"
    }],
    "show": false,
    "key": null,
    "type": null
}]

array = array.sort((a,b) => a.searchResultProperties.find(obj => obj.key === "size_byte AVG").value - b.searchResultProperties.find(obj => obj.key === "size_byte AVG").value )

console.log(array);

【讨论】：

我正在写一个答案，同时想快速回复，以便作者自己尝试
仍然没有解释为什么你的代码可以帮助 OP 以及 OP 做错了什么
@CalvinNunes OP 没有分享他的代码。所以我永远不能说他做错了什么！
代码有帮助，因为它可以工作并且可以排序！它是一条线的解决方案！当代码自己说话时，你为什么要指望我写一篇文章！
好的，现在你有一个解释你的代码做什么的文本，并帮助 OP 理解你的代码的使用。

【解决方案2】：

您可以使用sort 和find

sort 接受两个值作为参数。通过 find 我们找到键为 'size_byte AVG' 的数组元素并从中取出值并比较值

let arr = [{"searchResultProperties": [{"key": "message_time","value": 1542088800000}, {"key": "size_byte AVG","value": 480}, {"key": "source_file",       "value": "log"}, {"key": "source_host","value": "lab8.domain.com"}],"show": false,"key": null, "type": null}, { "searchResultProperties": [{"key": "message_time","value": 1542096000000}, {"key": "size_byte AVG","value": 373}, {"key": "source_file","value": "log"}, {"key": "source_host","value": "lab8.domain.com"}],"show": false,"key": null, "type": null}, {"searchResultProperties": [{"key": "message_time","value": 1542103200000}, {"key": "size_byte AVG","value": 683 }, { "key": "source_file","value": "log"}, {"key": "source_host","value": "lab8.domain.com"}],"show": false,"key": null,"type": null}]

let op = arr.sort((a,b)=>
         a.searchResultProperties.find(e=>e.key==='size_byte AVG').value -
         b.searchResultProperties.find(e=>e.key==='size_byte AVG').value)

console.log(op)

【讨论】：

谢谢！但这个不适用于“source_file”字段，因为它不是 int。
@Pennywise83 现在可以根据需要轻松修改，不是吗？顺便说一句，如果您希望两者都适用，可以使用Intl.collator。

【解决方案3】：

您可以使用函数find 查找键为size_byte AVG 的对象，并使用函数sort 对数组进行排序。

这种方法按升序排序

let arr = [{    "searchResultProperties": [{        "key": "message_time",        "value": 1542088800000    }, {        "key": "size_byte AVG",        "value": 480    }, {        "key": "source_file",        "value": "log"    }, {        "key": "source_host",        "value": "lab8.domain.com"    }],    "show": false,    "key": null,    "type": null}, {    "searchResultProperties": [{        "key": "message_time",        "value": 1542096000000    }, {        "key": "size_byte AVG",        "value": 373    }, {        "key": "source_file",        "value": "log"    }, {        "key": "source_host",        "value": "lab8.domain.com"    }],    "show": false,    "key": null,    "type": null}, {    "searchResultProperties": [{        "key": "message_time",        "value": 1542103200000    }, {        "key": "size_byte AVG",        "value": 683    }, {        "key": "source_file",        "value": "log"    }, {        "key": "source_host",        "value": "lab8.domain.com"    }],    "show": false,    "key": null,    "type": null}],
    target = "size_byte AVG",
    compare = (a, b) => a.find(({key}) => key === target).value - b.find(({key}) => key === target).value,
    sorted = arr.sort(({searchResultProperties: a}, {searchResultProperties: b}) => compare(a, b));

console.log(sorted);

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

【讨论】：