sorting outer array of object by key value in the internal array object

Question

I have array of object and it has in another array of obj, how to sort this array depend on equal actionId key in the inside array?

so this my original array:

const arrayOfItems = {
    items: [
        {
            item: '1',
            anotherArray: [{ actionId: '1234-dh4t-tr21-6sw8' }]
        },
        {
            item: '2',
            anotherArray: []
        },
        {
            item: '3',
            anotherArray: []
        },
        {
            item: '4',
            anotherArray: [{ actionId: '1234-dh4t-tr21-6sw8' }]
        },
        {
            item: '5',
            anotherArray: []
        },
        {
            item: '6',
            anotherArray: [{ actionId: '1234-dh4t-tr21-6sw8' }]
        }
    ]
};

the result should be all items that has the same actionId under each other

sortedArray = {
    items: [
    {
       item: '1',
       anotherArray: [{ actionId: '1234-dh4t-tr21-6sw8' }]
    },
    {
      item: '4',
      anotherArray: [{ actionId: '1234-dh4t-tr21-6sw8' }]
    },
    {
      item: '6',
      anotherArray: [{ actionId: '1234-dh4t-tr21-6sw8' }]
    },
    ...
]
};

This is what I tried:

const sortingArray = arrayOfItems.items.sort((a, b) => {
  return a.anotherArray > 0 && a.anotherArray[0].actionId.localeCompare(b.anotherArray[0].actionId);
})

The posted question does not appear to include any attempt at all to solve the problem. Stack Overflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to show what you've tried, so as to illustrate a specific roadblock you're running into in a minimal reproducible example. For more information, please see How to Ask and take the tour. — CertainPerformance
– CertainPerformance, Commented Oct 4, 2019 at 23:29
There are literally countless tutorials on the web for exactly this scenario to help you with your homework with just a quick search. Cheers. — Chris W.
– Chris W., Commented Oct 4, 2019 at 23:36
@ChrisW. I looked for that But I couldn't found, could you please write me url — Y Allaban
– Y Allaban, Commented Oct 4, 2019 at 23:44
I don't think you can do this with sort(). The comparison function can only specify the relative order of elements, it can't force them to be grouped together. — Barmar
– Barmar, Commented Oct 4, 2019 at 23:50

3limin4t0r · Accepted Answer · 2019-10-05 01:49:13Z

1

Something like this does the trick. This sorts based upon ActionId, then item. Items without an actionId will be moved to the end of the array.

const arrayOfItems = {items: [{item: '1', anotherArray: [{actionId: '1234-dh4t-tr21-6sw8'}]}, {item: '2', anotherArray: []}, {item: '3', anotherArray: []}, {item: '4', anotherArray: [{actionId: '1234-dh4t-tr21-6sw8'}]}, {item: '5', anotherArray: []}, {item: '6', anotherArray: [{actionId: '1234-dh4t-tr21-6sw8'}]}]};

arrayOfItems.items.sort((a, b) => {
  const lenA = a.anotherArray.length,
        lenB = b.anotherArray.length;

  // order based on item if both a and b don't have an actionId
  if (!lenA && !lenB) return a.item - b.item;
  // move the element without actionId towards the end if a or b doesn't have an actionId
  if (!lenA || !lenB) return lenB - lenA;

  const actionIdA = a.anotherArray[0].actionId,
        actionIdB = b.anotherArray[0].actionId;

  // order based on item if both a and b have the same actionId
  if (actionIdA === actionIdA) return a.item - b.item;

  // order based on actionId
  return actionIdA.localeCompare(actionIdB);
});

console.log(arrayOfItems.items);

If you don't care about ordering by item second, you can remove:

// order based on item if both a and b don't have an actionId
if (!lenA && !lenB) return a.item - b.item;

And:

// order based on item if both a and b have the same actionId
if (actionIdA === actionIdA) return a.item - b.item;

edited Oct 5, 2019 at 1:49

answered Oct 5, 2019 at 1:24

3limin4t0r

21.4k3 gold badges38 silver badges61 bronze badges

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

2 Comments

Y Allaban Over a year ago

what if we have different actionId, it will not sort them correctly

3limin4t0r Over a year ago

@YAllaban It places elements with the same actionId under each other. So if you have action ids ["a", "b", "b", "a", "a"] they will be sorted as ["a", "a", "a", "b", "b"]. Followed by the elements without actionId.

Collectives™ on Stack Overflow

sorting outer array of object by key value in the internal array object

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related