Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptの最初の文字に基づいて名前をグループ化する


このような名前の配列があるとします-

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

そのような配列を1つ取り込むJavaScript関数を作成する必要があります。この関数は、2つのプロパティを持つオブジェクトの配列を返す必要があります-

  • 文字->名前がグループ化されている文字

  • 名前->そのグループに分類される名前の配列

このためのコードは-

になります
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' ] }
]

  1. JavaScriptのグループ化演算子について説明します。

    グループ化演算子は、式の評価の優先順位を管理するために使用されます。 以下は、JavaScriptのグループ化演算子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document&l

  2. JavaScriptのファーストクラス関数

    JavaScriptは関数をオブジェクトとして扱い、関数をパラメーターとして別の関数に渡したり、他の関数から関数を返したりすることもできます。 JavaScriptでは、関数はファーストクラスの関数です。つまり、変数、オブジェクト、配列に格納できます。高階関数は、関数を取得するか、関数を返すか、またはその両方を実行できます。 以下は、JavaScriptでファーストクラス関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT