Move elements to top in array of objects

Question

I have an object like this:

var obj = [
    { name: "name1", type: 4 },
    { name: "name6", type: 2 },
    { name: "name2", type: 5 }, 
    { name: "name3", type: 1 }, 
    { name: "name5", type: 2 }, 
    { name: "name4", type: 3 }
]

I want to return a sorted array, so that at the top of the array there are objects with type 2 or 3, sorted further by the name field:

var obj = [
    { name: "name4", type: 3 }
    { name: "name5", type: 2 },
    { name: "name6", type: 2 },
    { name: "name1", type: 4 },
    { name: "name2", type: 5 }, 
    { name: "name3", type: 1 } 
]

How can I implement this?

p.s. I would also like to see a variant if type is enum (e.g.,

export enum Types {
Type0 = 0, 
Type1 = 1, 
.....}

)

Nick · Accepted Answer · 2022-10-29 06:45:24Z

2

You need to sort first on whether the type is one of 2 or 3 (you can do this by checking whether the type value exists in an array [2, 3]; we sort that as a descending sort since we want true results first), and then on the name:

var obj = [
    { name: "name1", type: 4 },
    { name: "name6", type: 2 },
    { name: "name2", type: 5 }, 
    { name: "name3", type: 1 }, 
    { name: "name5", type: 2 }, 
    { name: "name4", type: 3 }
]

const firstTypes = [2, 3]

obj.sort((a, b) =>
  firstTypes.includes(b.type) - firstTypes.includes(a.type) ||
  a.name.localeCompare(b.name)
)

console.log(obj)

edited Oct 29, 2022 at 6:45

answered Oct 29, 2022 at 5:53

Nick

147k23 gold badges67 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Stranger Over a year ago

ty! small question. If type is an enum (export enum Types {Type0 = 0, Type 1 = 1, .....}). Do I have to use Object.values somehow when sorting?

Nick Over a year ago

@Stranger it should just work as is: typescriptlang.org/play?#code/…

Collectives™ on Stack Overflow

Move elements to top in array of objects

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related