Array.sort alphabetically by object key/value

Question

So I have this array that contains objects:

var terms = [
 {
  'class-1': {name: 'English', completed: '12/02/19', letterGrade: 'A'}, 
  'class-2': {name: 'Math', completed: '12/02/19', letterGrade: 'A'},
  'class-3': {name: 'P.E.', completed: '12/02/19', letterGrade: 'A'},
  'class-4': {name: 'World History', completed: '12/02/19', letterGrade: 'A'}
 },
 {
  'class-1': {name: 'P.E.', completed: '12/02/19', letterGrade: 'A'},
  'class-2': {name: 'World History', completed: '12/02/19', letterGrade: 'A'},
 },
 {
  'class-1': {name: 'P.E.', completed: '12/02/19', letterGrade: 'A'},
  'class-2': {name: 'English', completed: '12/02/19', letterGrade: 'A'},
  'class-3': {name: 'Math', completed: '12/02/19', letterGrade: 'A'},
 },
 {
  'class-1': {name: 'English', completed: '12/02/19', letterGrade: 'A'},
  'class-2': {name: 'Algebra', completed: '12/02/19', letterGrade: 'A'},
  'class-3': {name: 'Psychology', completed: '12/02/19', letterGrade: 'A'},
 }
]

And I want to sort each of the nested objects alphabetically on the name of the class. But I want the whole array to be sorted.

Not sure how I should go about doing this. What's holding me up is the amount of nests in the data.

You cannot sort an object. What exactly do you expect as the result? — Bergi
– Bergi, Commented Jul 20, 2020 at 21:06
Two comas are missing after class-2 and class-3 generation. But what you mean that "I want the whole array to be sorted" ? — iguypouf
– iguypouf, Commented Jul 20, 2020 at 21:07
I'm expecting the result to be sorted by class-#.name So for example, terms[3] would be class-2 first then class-3 then class-1. make sense? — reid poynter
– reid poynter, Commented Jul 20, 2020 at 21:12
@reidpoynter, can you update your question with the desired output in terms of JS - also might help to describe what you have tried so far on your end? Thanks! — KyleMit
– KyleMit ♦, Commented Jul 20, 2020 at 21:13
No it doesn’t make sense because you can’t sort objects. Perhaps you meant to have the four objects in the terms array be arrays themselves, moving that “class-1” thing inside each inner object as “classId” property. — James
– James, Commented Jul 20, 2020 at 22:12

KyleMit · Accepted Answer · 2020-07-20 21:18:44Z

Given the following input:

let classes = {
  'class-1': {name: 'P.E.', completed: '12/02/19', letterGrade: 'A'},
  'class-2': {name: 'English', completed: '12/02/19', letterGrade: 'A'},
  'class-3': {name: 'Math', completed: '12/02/19', letterGrade: 'A'},
}

You can separate each key/value pair into entries, sort those entries however you wish, and then re-assign to an object, like this:

let allEntries = Object.entries(classes)
let sortedEntries = allEntries.sort((a,b) => a[1].name.localeCompare(b[1].name))
let obj = Object.fromEntries(sortedEntries)

Which will produce the following result:

{
  'class-2': {name: 'English', completed: '12/02/19', letterGrade: 'A'},
  'class-3': {name: 'Math', completed: '12/02/19', letterGrade: 'A'},
  'class-1': {name: 'P.E.', completed: '12/02/19', letterGrade: 'A'}
}

Although do note that insertion order is not deterministic for js object properties

Demo in Stack Snippets

let classes = {
  'class-1': {name: 'P.E.', completed: '12/02/19', letterGrade: 'A'},
  'class-2': {name: 'English', completed: '12/02/19', letterGrade: 'A'},
  'class-3': {name: 'Math', completed: '12/02/19', letterGrade: 'A'},
}

let allEntries = Object.entries(classes)
let sortedEntries = allEntries.sort((a,b) => a[1].name.localeCompare(b[1].name))
let obj = Object.fromEntries(sortedEntries)

console.log(obj)

Collectives™ on Stack Overflow

Array.sort alphabetically by object key/value

1 Answer 1

Demo in Stack Snippets

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Demo in Stack Snippets

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related