JS sort array of objets by specific string property (not ascending or descending)

Question

do you know if there is a way to sort an array of objects using the sort() method for a specific property? In my case I'd like to sort my array first for "bananas", then for "pears", and then the rest.

const initialData = [
{ name: "strawberries", value: 12 },
{ name: "bananas", value: 3 },
{ name: "pears", value: 8 },
{ name: "pears", value: 7 },
{ name: "bananas", value: 10 },
{ name: "apples", value: 6 },
{ name: "bananas", value: 13 },
{ name: "bananas", value: 5 }
]

This is how I'd like the sorted data to look like:

const sortedData = [
{ name: "bananas", value: 3 },
{ name: "bananas", value: 10 },
{ name: "bananas", value: 13 },
{ name: "bananas", value: 5 },
{ name: "pears", value: 8 },
{ name: "pears", value: 7 },
{ name: "strawberries", value: 12 },
{ name: "apples", value: 6 }
]

I know that this function would sort my data ascending or descending:

initialData.sort(function(a, b) {
  if (a.name < b.name) {
    return -1;
  }
  if (a.name > b.name) {
    return 1;
  }
  return 0;
});

Just add more conditions that test first for other conditions that would return -1, 1, or 0. — crashmstr
– crashmstr, Commented Jan 12, 2021 at 16:25
Make an array of the values you expect, in the appropriate order, then use How do I sort an array of objects based on the ordering of another array? or JavaScript - sorting an array of IDs based on another array of IDS that is a subset of it — Heretic Monkey
– Heretic Monkey, Commented Jan 12, 2021 at 16:25

Unmitigated · Accepted Answer · 2021-01-12 19:57:35Z

7

You could take an object with the wanted order and take a large value as default for sorting.

const
    data = [{ name: "strawberries", value: 12 }, { name: "bananas", value: 3 }, { name: "pears", value: 8 }, { name: "pears", value: 7 }, { name: "bananas", value: 10 }, { name: "apples", value: 6 }, { name: "bananas", value: 13 }, { name: "bananas", value: 5 }],
    order = { bananas: 1, pears: 2 };

data.sort((a, b) => (order[a.name] || Number.MAX_VALUE) - (order[b.name] || Number.MAX_VALUE));

console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Jan 12, 2021 at 19:57

Unmitigated

91.5k12 gold badges103 silver badges109 bronze badges

answered Jan 12, 2021 at 16:34

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Filippo Amenta · Accepted Answer · 2021-01-12 16:53:07Z

you can use an auxiliary array to define the sorting scheme. Here is an example:

const sortingScheme = [
  "bananas",
  "pears",
  "strawberries",
  "apples"
]

initialData.sort((a, b) => {
  const indexOfa = sortingScheme.indexOf(a.name);
  const indexOfb = sortingScheme.indexOf(b.name);
  if (indexOfa > indexOfb)
    return 1
  if (indexOfa < indexOfb)
    return -1
  return 0;
})

This only works if you know all the names the array can hold. If you are interested in ordering only a few fields you can do this:

const orderedScheme = [
  "bananas",
  "pears"
]

initialData.sort((a, b) => {
  let indexOfa = orderedScheme.indexOf(a.name);
  let indexOfb = orderedScheme.indexOf(b.name);

  if (indexOfa < 0) indexOfa = orderedScheme.length;
  if (indexOfb < 0) indexOfb = orderedScheme.length;

  if (indexOfa > indexOfb)
    return 1
  if (indexOfa < indexOfb)
    return -1
  return 0;
})

This is because if the element is not contained in the 'sortingScheme' array, the indexOf() function returns -1 which would place the element at the beginning of the array.

I hope I have been useful to you!

Hossein · Accepted Answer · 2021-01-12 16:38:28Z

0

You Can Use This For Custom Sorting:

initialData.sort(function(a, b) {
  var customSort="bpsacdefghijklmnoqrtuvwxyz";
  var aa=customSort.indexOf(a.substr(0,1));
  var bb=customSort.indexOf(b.substr(0,1));
  if (aa < bb) {
    return -1;
  }else if (aa > bb) {
    return 1;
  }else
    return 0;
});

Sorting Performs According to This Characters:

var customSort="bpsacdefghijklmnoqrtuvwxyz";

answered Jan 12, 2021 at 16:38

Hossein

1

Comments

Siva Kondapi Venkata · Accepted Answer · 2021-01-12 17:18:16Z

sort method, check for names. when names are equal order by value. When names not equal then order by names. (check inline comments)

const initialData = [
  { name: "strawberries", value: 12 },
  { name: "bananas", value: 3 },
  { name: "pears", value: 8 },
  { name: "pears", value: 7 },
  { name: "bananas", value: 10 },
  { name: "apples", value: 6 },
  { name: "bananas", value: 13 },
  { name: "bananas", value: 5 },
];

initialData.sort((a, b) => {
  const order = ["pears", "bananas"]; // high priority items towards end.
  if (a.name === b.name && order.includes(a.name)) {
    return a.value - b.value;
  } else {
    // when item not in order, indexOf will return -1. 
    // Basically comparing the values -1, 0, 1
    return order.indexOf(b.name) - order.indexOf(a.name);
  }
});

console.log(initialData);

Kenedy Nopriansyah · Accepted Answer · 2021-01-12 16:51:25Z

-1

you can to this

const initialData = [
    { name: "strawberries", value: 12 },
    { name: "bananas", value: 3 },
    { name: "pears", value: 8 },
    { name: "pears", value: 7 },
    { name: "bananas", value: 10 },
    { name: "apples", value: 6 },
    { name: "bananas", value: 13 },
    { name: "bananas", value: 5 }
    ]

    const data = initialData.sort(function(a, b) {
        if (a.name < b.name) {
            if(a.name === "apples") {
                return 1
            }
          return -1;
        }
        return 0;
      });
      console.log(data)

answered Jan 12, 2021 at 16:51

Kenedy Nopriansyah

7394 silver badges6 bronze badges

Collectives™ on Stack Overflow

JS sort array of objets by specific string property (not ascending or descending)

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related