Rearrange array with new order using javascript [duplicate]

Question

I have an array

const arr = [
   {label: 'a', width: 200},
   {label: 'b', width: 200},
   {label: 'c', width: 200},
   {label: 'd', width: 200},
   {label: 'e', width: 200}
];

given another array

const data = ['d', 'e', 'a', 'c', 'b'];

It need's to re-arrange first array based on the new data.

What function should I use in javascript?

Edit: Thank you for very interesting comments. But to make it more complicated, let's assume that data could also be not the full list of the first array.

const data = ['a', 'c'];

and it still should outcome the first array where first two elements are a & c, and remaining ones are b, d, e. Finished array should be in a list of a, c, b, d, e.

There are several possibilities. You could use data.map to map each letter to the respective object of arr. You could assign indexes to your objects in arr and then use arr.sort to sort by that index. ... — derpirscher
– derpirscher, Commented Oct 17, 2021 at 16:28

Majed Badawi · Accepted Answer · 2021-10-17 17:17:02Z

1

Using Array#reduce, iterate over data to save element-index in a Map
Using Array#sort, sort arr by the value of each element in the above Map

const sort = (arr = [], data = []) => {
  const indicesMap = data.reduce((map, e, i) => map.set(e, i), new Map);
  return [...arr].sort(({ label: a}, { label: b }) => {
    const indexA = indicesMap.get(a), indexB = indicesMap.get(b);
    return (indexA === undefined || indexB === undefined) 
      ? isNaN(indexA) - isNaN(indexB)
      : indexA - indexB;
  });
}

const arr = [ {label: 'a', width: 200}, {label: 'b', width: 200}, {label: 'c', width: 200}, {label: 'd', width: 200}, {label: 'e', width: 200} ];
console.log( sort(arr, ['d', 'e']) );
console.log( sort(arr, ['a', 'd']) );
console.log( sort(arr, ['d', 'e', 'a', 'c', 'b']) );

edited Oct 17, 2021 at 17:17

answered Oct 17, 2021 at 16:26

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Comments

Muhammad Atif Akram · Accepted Answer · 2021-10-17 16:26:24Z

1

const arr = [
  { label: "a", width: 200 },
  { label: "b", width: 200 },
  { label: "c", width: 200 },
  { label: "d", width: 200 },
  { label: "e", width: 200 }
];

const data = ["d", "e", "a", "c", "b"];


const updatedArray = data.map((item) => arr.find((t) => t.label === item));
console.log(updatedArray);

answered Oct 17, 2021 at 16:26

Muhammad Atif Akram

1,3351 gold badge6 silver badges12 bronze badges

Comments

Mister Jojo · Accepted Answer · 2021-10-17 16:29:41Z

1

simply :

const arr = 
  [ { label: 'a', width: 200} 
  , { label: 'b', width: 200} 
  , { label: 'c', width: 200} 
  , { label: 'd', width: 200} 
  , { label: 'e', width: 200} 
  ] 
const data = ['d', 'e', 'a', 'c', 'b']

arr.sort((a, b) => data.indexOf(a.label) - data.indexOf(b.label))

console.log(arr)

answered Oct 17, 2021 at 16:29

Mister Jojo

22.9k6 gold badges28 silver badges45 bronze badges

Comments

Elis Joaquim · Accepted Answer · 2021-10-17 16:44:28Z

1

To solve that, use map() and find() methods like that:

const sorted = data.map(element =>  arr.find(obj => obj.label === element))

answered Oct 17, 2021 at 16:44

Elis Joaquim

614 bronze badges

Comments

J_K · Accepted Answer · 2021-10-17 16:31:44Z

0

here's a short solution using sort

const arr = [
   {label: 'a', width: 200},
   {label: 'b', width: 200},
   {label: 'c', width: 200},
   {label: 'd', width: 200},
   {label: 'e', width: 200}
];
const data = ['d', 'e', 'a', 'c', 'b'];

const sorted = arr.sort(function(a, b){  
  return data.indexOf(a.label) - data.indexOf(b.label);
});

console.log(sorted)

answered Oct 17, 2021 at 16:31

J_K

6755 silver badges12 bronze badges

Comments

xdeepakv · Accepted Answer · 2021-10-17 18:01:45Z

0

You can take the order of the sorted array as weightage and sort the array.

const arr = [
   {label: 'a', width: 200},
   {label: 'b', width: 200},
   {label: 'c', width: 200},
   {label: 'd', width: 200},
   {label: 'e', width: 200}
];

const sortOrder = ['d', 'e', 'a', 'c', 'b'];


arr.sort((x, y) => sortOrder.indexOf(x.label) - sortOrder.indexOf(y.label))

console.log(arr)

answered Oct 17, 2021 at 18:01

xdeepakv

8,1452 gold badges25 silver badges35 bronze badges

Collectives™ on Stack Overflow

Rearrange array with new order using javascript [duplicate]

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Related