JavaScriptで1つの文字列を2番目の順序で並べ替える

問題

最初と2番目の引数としてstr1とstr2の2つの文字列を受け取るJavaScript関数を作成する必要があります。

この関数は、str2に表示される文字の順序に従ってstr1を並べ替える必要があります

たとえば、関数への入力が-

入力

const str1 = 'coding';
const str2 = 'gncabdi';

出力

const output = 'gncdio';

出力の説明

str2で最初に表示される文字が最初に配置され、次に続く文字が配置され、最後にstr2にない文字が続きます。

例

以下はコードです-

const str1 = 'coding';
const str2 = 'gncabdi';
const sortByOrder = (str1 = '', str2 = '') => {
   str2 = str2.split('');
   const arr1 = str1
      .split('')
      .filter(el => str2.includes(el))
      .sort((a, b) => str2.indexOf(a) - str2.indexOf(b));
   const arr2 = str1
      .split('')
      .filter(el => !str2.includes(el));
   return arr1.join('') + arr2.join('');
};
console.log(sortByOrder(str1, str2));

出力

gncdio