VueJS sort/order an array of objects by a specific property

Question

I have an array of contact objects that all of an isPrimary property. Only one of them should be true, but regardless I would like to sort any primary contacts to the top of the array. I'm using VueJS and plan to do this on created in a list component. I know I can create a computed property, but not sure how to use sort when it's not really comparing a and b, but just looking to re-order any that are primary. Here's a rough start:

sortedContacts () {
  return this.contacts.sort((a, b) => { // what to do here? })
}

Any assistance would be hugely appreciated!

Jack Bashford · Accepted Answer · 2019-07-11 23:05:45Z

2

Use sort and Boolean to number type coercion like so:

return this.contacts.sort(({ isPrimary: a }, { isPrimary: b }) => b - a);

This works by comparing the numeric representations of true and false, which are 1 and 0 respectively, and based upon the return value of sort's callback, it returns a number which determines the place each item should be moved too.

edited Jul 11, 2019 at 23:05

answered Jul 11, 2019 at 22:35

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

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

Comments

Stephen Thomas · Accepted Answer · 2019-07-11 22:33:50Z

1

this.contacts.sort((a, b) => { a.isPrimary ? -1 : 1 })

answered Jul 11, 2019 at 22:33

Stephen Thomas

14.1k2 gold badges35 silver badges53 bronze badges

Collectives™ on Stack Overflow

VueJS sort/order an array of objects by a specific property

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related