JavaScript의 첫 글자를 기준으로 그룹화 이름

다음과 같은 이름의 배열이 있다고 가정합니다 -

const arr = ["Simon", "Mike", "Jake", "Lara", "Susi", "Blake", "James"];

그러한 배열을 취하는 JavaScript 함수를 작성해야 합니다. 함수는 두 가지 속성을 가진 객체 배열을 반환해야 합니다. -

• 문자 -> 이름이 그룹화되는 문자

• 이름 -> 해당 그룹에 속하는 이름 배열

예시

이에 대한 코드는 -

const arr = ["Simon", "Mike", "Jake", "Lara", "Susi", "Blake", "James"];
const groupNames = arr => {
   const map = arr.reduce((acc, val) => {
      let char = val.charAt(0).toUpperCase();
      acc[char] = [].concat((acc[char] || []), val);
      return acc;
   }, {});
   const res = Object.keys(map).map(el => ({
      letter: el,
      names: map[el]
   }));
   return res;
};
console.log(groupNames(arr));

출력

콘솔의 출력 -

[
   { letter: 'S', names: [ 'Simon', 'Susi' ] },
   { letter: 'M', names: [ 'Mike' ] },
   { letter: 'J', names: [ 'Jake', 'James' ] },
   { letter: 'L', names: [ 'Lara' ] },
   { letter: 'B', names: [ 'Blake' ] }
]