Sort object array based on another array of keys - JavaScript

Suppose, we have two arrays like these −

const arr1 = ['d','a','b','c'] ;
const arr2 = [{a:1},{c:3},{d:4},{b:2}];

We are required to write a JavaScript function that accepts these two arrays. The function should sort the second array according to the elements of the first array.

We have to sort the keys of the second array according to the elements of the first array. This will produce the following output −

const output = [{d:4},{a:1},{b:2},{c:3}];

Example

Following is the code −

const arr1 = ['d','a','b','c'] ;
const arr2 = [{a:1},{c:3},{d:4},{b:2}];
const sortArray = (arr1, arr2) => {
   arr2.sort((a, b) => {
      const aKey = Object.keys(a)[0];
      const bKey = Object.keys(b)[0];
      return arr1.indexOf(aKey) - arr1.indexOf(bKey);
   });
};
sortArray(arr1, arr2);
console.log(arr2);

Output

This will produce the following output in console −

[ { d: 4 }, { a: 1 }, { b: 2 }, { c: 3 } ]