JavaScriptで配列のインデックスで並べ替える

次のオブジェクトの配列があるとします-

const arr = [
   {
      'name' : 'd',
      'index' : 3
   },
   {
      'name' : 'c',
      'index' : 2
   },
   {
      'name' : 'a',
      'index' : 0
   },
   {
      'name' : 'b',
      'index' : 1
   }
];

そのような配列を1つ取り込むJavaScript関数を作成する必要があります。

関数は、オブジェクトのインデックスプロパティに従って、この配列を昇順で並べ替える必要があります。

次に、関数は、並べ替えられた配列を文字列の配列にマップする必要があります。各文字列は、オブジェクトの対応するnameプロパティ値です。

したがって、上記の配列の場合、最終的な出力は次のようになります-

const output = ["a", "b", "c", "d"];

例

このためのコードは-

const arr = [
   {
      'name' : 'd',
      'index' : 3
   },
   {
      'name' : 'c',
      'index' : 2
   },
   {
      'name' : 'a',
      'index' : 0
   },
   {
      'name' : 'b',
      'index' : 1
   }
];
const sortAndMap = (arr = []) => {
   const copy = arr.slice();
   const sorter = (a, b) => {
      return a['index'] - b['index'];
   };
   copy.sort(sorter);
   const res = copy.map(({name, index}) => {
      return name;
   });
   return res;
};
console.log(sortAndMap(arr));

出力

そして、コンソールの出力は-

[ 'a', 'b', 'c', 'd' ]