Order array of object by another array of object in javascript

Question

How to order array of object by another array of object.

This is my code:

let arrayItem = [
    {
        'id': '#id1',
        'name': 'one',
        'bundle': 'bundle1'
    },
    {
        'id': '#id2',
        'name': 'two',
        'bundle': 'bundle2'
    },
    {
        'id': '#id3',
        'name': 'three',
        'bundle': 'bundle3'
    }
]

This is the array for ordering:

let orderItem = [
    {
        'id': '#id3',
        'name': 'three'
    },
    {
        'id': '#id1',
        'name': 'one',
    },
    {
        'id': '#id2',
        'name': 'two'
    }
]

I need the data like:

let resultItem = [
    {
        'id': '#id3',
        'name': 'three',
        'bundle': 'bundle3'
    },
    {
        'id': '#id1',
        'name': 'one',
        'bundle': 'bundle1'
    },
    {
        'id': '#id2',
        'name': 'two',
        'bundle': 'bundle2'
    }
]

I want to order array of objects by another array of objects by multiple keys.

Thank you

The posted question does not appear to include any attempt at all to solve the problem. StackOverflow 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 problem you're having in a minimal reproducible example. For more information, please see How to Ask and take the tour. — CertainPerformance
– CertainPerformance, Commented Sep 19, 2018 at 6:53

Ankit Agarwal · Accepted Answer · 2018-09-19 07:02:18Z

Since you have array of objects in your orderArray, you first need to find the index of that order object then get the difference of the index to get the original array sorted:

let arrayItem = [
    {
        'id': '#id1',
        'name': 'one',
        'bundle': 'bundle1'
    },
    {
        'id': '#id2',
        'name': 'two',
        'bundle': 'bundle2'
    },
    {
        'id': '#id3',
        'name': 'three',
        'bundle': 'bundle3'
    }
];

let orderItem = [
    {
        'id': '#id3',
        'name': 'three'
    },
    {
        'id': '#id1',
        'name': 'one',
    },
    {
        'id': '#id2',
        'name': 'two'
    }
];
arrayItem.sort(function(a, b){
  var aIndex = orderItem.findIndex(({id, name}) => a.id===id && a.name===name);
  var bIndex = orderItem.findIndex(({id, name}) => b.id===id && b.name===name);
  return aIndex - bIndex;
});
console.log(arrayItem);

Ganesh · Accepted Answer · 2018-09-19 07:15:50Z

0

You can use Sort as suggested by @Ankit Agarwal.

Or you can make it work for you using the simple line below. This will do the trick.

var orderedItem = orderItem.map(orderObj => 
       arrayItem.find(actualObj => actualObj.id === orderObj.id))

I'm just running map on your orderItem, finding the corresponding object on your arrayItem and then returning the object from your arrayItem.

Hope it helps..

answered Sep 19, 2018 at 7:15

Ganesh

1,9192 gold badges23 silver badges42 bronze badges

Comments

Nina Scholz · Accepted Answer · 2018-09-19 07:48:41Z

0

You could take a Map for storing the index/order and then take the delta of the indices for sorting the array.

var arrayItem = [{ id: '#id1', name: 'one', bundle: 'bundle1' }, { id: '#id2', name: 'two', bundle: 'bundle2' }, { id: '#id3', name: 'three', bundle: 'bundle3' }],
    orderItem = [{ id: '#id3', name: 'three' }, { id: '#id1', name: 'one', }, { id: '#id2', name: 'two' }],
    order = new Map(orderItem.map(({ id }, i) => [id, i]));
    
arrayItem.sort((a, b) => order.get(a.id) - order.get(b.id));

console.log(arrayItem);

answered Sep 19, 2018 at 7:48

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Order array of object by another array of object in javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related