首页 > 解决方案 > 如何根据反应中的状态属性对数组中的元素进行分组?

问题描述

我在我的反应状态中有一个对象数组,即 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"
},
]
}

标签: javascriptarraysreactjsreact-nativelodash

解决方案


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

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


推荐阅读