ES6 : sorting an array based on another array order [duplicate]

var sortedArray = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }],
    unSortedArray = [{ id: 8, text : 'abcd' }, { id: 4, text : 'ab' }, { id: 1, text : 'cd' }, { id: 2, text : 'def' }, { id: 3, text : 'abcd' }, { id: 5, text : 'abcd' }],
    items = unSortedArray.reduce((r, o) => (r[o.id] = o, r), {}),
    result = sortedArray.map(({ id }) => items[id]);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

let sortedArray = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }];
let unSortedArray = [
	{ id: 8, text: "abcd" },
	{ id: 4, text: "ab" },
	{ id: 1, text: "cd" },
	{ id: 2, text: "def" },
	{ id: 3, text: "abcd" },
	{ id: 5, text: "abcd" }
];

// Method 1 - Reduce
let sorted = sortedArray
	.map(itm => itm.id)
	.reduce((acc, id) => acc.concat(unSortedArray.filter(itm => itm.id === id)), []);

console.log(sorted);

// Method 2 - Map + flat
sorted = sortedArray
        .map(a => unSortedArray.filter(b => b.id === a.id))
        .flat();
;

console.log(sorted);


// Method 3 - flatMap
sorted = sortedArray
        .flatMap(a => unSortedArray.filter(b => b.id === a.id))
;

console.log(sorted);