How can I sort a array of objects by a parameter inside an objects?

Question

For example, I have a array of objects returned by back-end, with positions as string.

[
    {
        "color": "red",
        "position": "SECOND"
    },
    {
        "color": "blue",
        "position": null
    },
    {
        "color": "green",
        "position": "FIRST"
    },
    {
        "color": "pink",
        "position": "THIRD"
    }
]

I need reorganize this array, by key "position", but I need mantein all objects, including nulls in yours original positions (nulls must be after those with position).

[
    {
        "color": "green",
        "position": "FIRST"
    },
    {
        "color": "red",
        "position": "SECOND"
    },
    {
        "color": "pink",
        "position": "THIRD"
    },
    {
        "color": "blue",
        "position": null
    },
]

I tryed use a map with possible positions with slice, but my array stays out of order.

Does this answer your question? How to sort array of objects in JavaScript based on definite attribute value? — pilchard
– pilchard, Commented Dec 10, 2022 at 17:46
and Javascript sort array of objects using array of priority — pilchard
– pilchard, Commented Dec 10, 2022 at 17:47

Clauzzz · Accepted Answer · 2022-12-10 17:18:25Z

0

Is there a way to have different values in the "position" field?

You could try something like this :

let test = [
    {
        "color": "red",
        "position": "SECOND"
    },
    {
        "color": "blue",
        "position": null
    },
    {
        "color": "green",
        "position": "FIRST"
    },
    {
        "color": "pink",
        "position": "THIRD"
    }
]


test.sort((a,b) => a.position > b.position ? 1 : -1)  //for ascending order

test.sort((a,b) => a.position > b.position ? -1 : 1)  //for descending order

But it's just a coincidence that "first", "second" and "third" are in alphabetical order

answered Dec 10, 2022 at 17:18

Clauzzz

1295 bronze badges

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

2 Comments

Kamen Minkov Over a year ago

This is pure coincidence that FIRST, SECOND and THIRD listed in this order happen to be alphabetically sorted as well. Add an element with position: "FOURTH" and you'll see where this blows up.

Clauzzz Over a year ago

I did say that also...

Kamen Minkov · Accepted Answer · 2022-12-10 17:39:28Z

0

const input = [
  {
    color: "red",
    position: "SECOND",
  },
  {
    color: "blue",
    position: null,
  },
  {
    color: "green",
    position: "FIRST",
  },
  {
    color: "pink",
    position: "THIRD",
  },
  {
    color: "yellow",
    position: "FOURTH",
  },
];

const sortOrder = [
  "first",
  "second",
  "third",
  "fourth",
  "fifth",
  "sixth",
  "seventh",
  "eighth",
  "ninth",
  "tenth",
];

function doCustomSort(a, b, customSortOrder) {
  if (a.position === null && b.position !== null) {
    return 1;
  } else if (a.position !== null && b.position === null) {
    return -1;
  }

  return (
    sortOrder.indexOf(a.position.toLowerCase()) -
    sortOrder.indexOf(b.position.toLowerCase())
  );
}

console.log(input.sort((a, b) => doCustomSort(a, b, sortOrder)));

edited Dec 10, 2022 at 17:39

answered Dec 10, 2022 at 17:19

Kamen Minkov

3,8271 gold badge18 silver badges24 bronze badges

Collectives™ on Stack Overflow

How can I sort a array of objects by a parameter inside an objects?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related