ใช้ Lodash เพื่อจัดเรียงอาร์เรย์ของวัตถุตามค่า

ฉันกำลังพยายามจัดเรียงอาร์เรย์ตามค่า 'ชื่อ' (โดยใช้ Lodash) ฉันใช้เอกสาร Lodash เพื่อสร้างโซลูชันด้านล่างอย่างไรก็ตาม .orderBy ดูเหมือนจะไม่มีผลกระทบใด ๆ เลย ใครช่วยชี้แนะวิธีจัดเรียงอาร์เรย์ที่ถูกต้องได้บ้าง

Chars Array

[  
   {  
      "id":25,
      "name":"Anakin Skywalker",
      "createdAt":"2017-04-12T12:48:55.000Z",
      "updatedAt":"2017-04-12T12:48:55.000Z"
   },
   {  
      "id":1,
      "name":"Luke Skywalker",
      "createdAt":"2017-04-12T11:25:03.000Z",
      "updatedAt":"2017-04-12T11:25:03.000Z"
   }
]

รหัสฟังก์ชัน

 var chars = this.state.characters;

 _.orderBy(chars, 'name', 'asc'); // Use Lodash to sort array by 'name'

 this.setState({characters: chars})

วิธีorderByนี้ไม่เปลี่ยนอาร์เรย์อินพุตคุณต้องกำหนดผลลัพธ์ให้กับอาร์เรย์ของคุณ:

var chars = this.state.characters;

chars = _.orderBy(chars, ['name'],['asc']); // Use Lodash to sort array by 'name'

 this.setState({characters: chars})

คุณสามารถใช้ lodash sortBy ( https://lodash.com/docs/4.17.4#sortBy )

รหัสของคุณอาจเป็นดังนี้:

const myArray = [  
   {  
      "id":25,
      "name":"Anakin Skywalker",
      "createdAt":"2017-04-12T12:48:55.000Z",
      "updatedAt":"2017-04-12T12:48:55.000Z"
   },
   {  
      "id":1,
      "name":"Luke Skywalker",
      "createdAt":"2017-04-12T11:25:03.000Z",
      "updatedAt":"2017-04-12T11:25:03.000Z"
   }
]

const myOrderedArray = _.sortBy(myArray, o => o.name)