Re-order an array of objects when an object contains a value

Question

I want to move items to the top of my array when the values are found within another array.

const data = [
   { value: 'BMW', count: 1 },
   { value: 'AUDI', count: 1 },
   { value: 'VAUXHALL', count: 1 },
   { value: 'FIAT', count: 1 },
   { value: 'HONDA', count: 1 },
   { value: 'LANDROVER', count: 1 },
];

const selected = [ 'AUDI', 'HONDA' ];

So basically the above will turn into:

const data = [
   { value: 'AUDI', count: 1 },
   { value: 'HONDA', count: 1 },
   { value: 'BMW', count: 1 },
   { value: 'VAUXHALL', count: 1 },
   { value: 'FIAT', count: 1 },
   { value: 'LANDROVER', count: 1 },
];

This is what I have at the moment, however it doesn't work as expected and it's not nice at all:

let prepend = [];
selected.forEach(selected => {
    for (let i = 0; i < data.length; i++) {
        if (data[i] && data[i].value === selected) {
            prepend.push(data[i]);
            delete data[i];
            break;
        }
    }
})
data.unshift(...prepend);
data = data.filter(Boolean);

I want to do something cleaner like this:

return [...data].sort((a, b) => {

});

Spectric · Accepted Answer · 2021-08-04 20:45:24Z

8

You can take advantage of boolean arithmetic operations with Array#includes and Array#sort.

const data = [
   { value: 'BMW', count: 1 },
   { value: 'AUDI', count: 1 },
   { value: 'VAUXHALL', count: 1 },
   { value: 'FIAT', count: 1 },
   { value: 'HONDA', count: 1 },
   { value: 'LANDROVER', count: 1 },
];

const selected = [ 'AUDI', 'HONDA' ];

data.sort((a, b) => selected.includes(b.value)  - selected.includes(a.value))
console.log(data);

edited Aug 4, 2021 at 20:45

answered Aug 3, 2021 at 14:32

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

Re-order an array of objects when an object contains a value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related