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