如何根据反应中的状态属性对数组中的元素进行分组？

Posted 2023-02-22

【中文标题】如何根据反应中的状态属性对数组中的元素进行分组？

【英文标题】：How to group the elements in an array based on status property in react?

【发布时间】：2020-12-22 00:24:08

【问题描述】：

我有一个对象数组，即在我的反应状态下的 JSON，在渲染它之前，我希望它根据状态属性示例进行排序- 实际价值

"list": [

   "id": "aac",
   "name": "James",
   "status": "active"
,

   "id": "gds",
   "name": "Alice",
   "status": "left"
,

   "id": "cvs",
   "name": "Kristy",
   "status": "active"
,

   "id": "cgt",
   "name": "Samaira",
   "status": "left"
,
]

期望值根据状态元素排序后

"list": [

   "id": "aac",
   "name": "James",
   "status": "active"
,

   "id": "cvs",
   "name": "Kristy",
   "status": "active"
,


   "id": "gds",
   "name": "Alice",
   "status": "left"
,


   "id": "cgt",
   "name": "Samaira",
   "status": "left"
,
]

【问题讨论】：

你尝试过什么，到底有什么问题？

如果你需要在 javascript 中sort 一个 array 我建议你谷歌“sort array javascript”来阅读MDN 上有关 Array.sort 的文档，这是第一个结果：developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

这能回答你的问题吗？ Sorting an array of objects by property values

【参考方案1】：

这将按状态按字母顺序排序

arrayName.sort((objA, objB) => objA.status > objB.status ? 1 : -1)

【讨论】：

谢谢！有效。不知道我也可以对字符串使用排序方法。但我学到了：-p