Javascript 按升序对Json响应中的值进行排序，并在DOM中显示

我有一个字段的JSON响应，该字段作为空格分隔的值返回

"contentTypes":"BALL APPLE BAT"

我想将其映射到正常值，并在DOM上以升序显示为列表

这就是我想要的

<ul>
  <li>Apple Fruit</li>
  <li>Ball Toy</li>
  <li>Bat Sports</li>
</ul>

苹果果
球类玩具
蝙蝠运动

这就是我得到的

 <ul>
      <li>Ball Toy</li>
      <li>Apple Fruit</li>
      <li>Bat Sports</li>
</ul>

if (value && value.length > 0) {
   return (
     <ul>
       {value.split(' ').map((value, index) => <li key={index}>{contentTypeEnumMap[value]}</li>)}
     </ul>
   )
}

export const contentTypeEnumMap = {
  APPLE: 'Apple Fruit',
  BALL: 'Ball Toy',
  BAT: 'Bat Sports'
}

球类玩具
苹果果
蝙蝠运动

如果（value&&value.length>0）{
返回(

{value.split（''）.map（（value，index）=>
{contentTypeEnumMap[value]}
）}

)
}
导出常量contentTypeEnumMap={
苹果：“苹果果”，
球：“球玩具”，
蝙蝠：“蝙蝠运动”
}

在调用

split（）

之后，您只需对

值进行
排序，使用，它将为您提供预期的输出：

if (value && value.length > 0) {
   return (
     <ul>
       {value.split(' ').sort().map((value, index) => <li key={index}>{contentTypeEnumMap[value]}</li>)}
     </ul>
   )
}

if（value&&value.length>0）{
返回(

{value.split（''）.sort（）.map（（值，索引）=>
{contentTypeEnumMap[value]}
）}

)
}
在
拆分后使用
排序


const value='BALL APPLE BAT'；
value.split（“”）.sort（）.map（v=>console.log（v））使用
排序
<代码>值.split（“”）.sort（）.map（）