JavaScriptで最初の文字に基づいて重複する要素を削除する方法

問題の概要

文字列の配列を受け取り、同じ頭文字で始まる文字列が2つ存在する場合に、そのうち1つを削除するJavaScript関数を作成する必要があります。

例えば、元の配列が以下のとおりだとします。

const arr = ['Apple', 'Jack', 'Army', 'Car', 'Jason'];

この場合、配列には各頭文字の文字列を1つだけ残すため、「A」で始まる2つの文字列のうち1つを削除します。同様に、上記の配列では「J」で始まる文字列にも同じロジックが適用されます。

実装コード

この関数のコードは以下のとおりです −

const arr = ['Apple', 'Jack', 'Army', 'Car', 'Jason'];
const deleteSameLetterWord = arr => {
   const map = new Map();
   arr.forEach((el, ind) => {
      if(map.has(el[0])){
         arr.splice(ind, 1);
      }else{
         map.set(el[0], true);
      };
   });
};
deleteSameLetterWord(arr);
console.log(arr);

出力結果

コンソールには以下のように出力されます −

[ 'Apple', 'Jack', 'Car' ]

コードの解説

この関数では、Mapオブジェクトを使用して、すでに出現した頭文字を記録しています。配列を1要素ずつ走査しながら、各要素の最初の文字がMapに登録済みかどうかを確認します。

• すでに登録されている場合は、その要素をsplice()メソッドで配列から削除します。
• 未登録の場合は、その頭文字をMapに新しく登録します。

この処理により、各頭文字を持つ最初の文字列だけが配列に残り、2つ目以降の重複がすべて削除されます。その結果、「Apple」「Jack」「Car」の3つの要素が最終的な配列として出力されます。