同じ要素のオブジェクトをまとめて配列を作り直す。

Question

下記の配列で、同じsectionに属する、nameをまとめて配列を作り直したいと思っております。

let test = [
    {section:"business",name:"taro"},
    {section:"business",name:"jiro"},
    {section:"H&R",name:"hanako"},
    {section:"H&R",name:"umeko"},
]

完成系としては、下記のような形です。

let newArray = [
    {section:"business",name:["taro","jiro"]},
    {section:"H&R",name:["hanako","umeko"]},
]

重複した配列を結合させる記事を見つけ、同じような方法でと思い下記のようなコードを書きました。

参考：配列の結合

let newArray = test.filter((x,i,self)=>
    self.indexOf(x.section)===i
    )

恥ずかしながら、この実行結果は、[]となりました。
どうしたら、想定している配列を得ることができるのかどなたかご教示いただけませんでしょうか？

Comments

[int32_t]

同じsection名を持つ要素は必ず連続していますか?

[takochan1192]

コメントありがとうございます。必ず連続します。

Answer 1

深く考えずにやるとこんな感じ

let newArray = [...new Set(test.map(x=>(x.section)))].map(x=>({section:x,name:test.filter(y=>y.section==x).map(y=>y.name)}));
console.log(newArray);

Comments

[takochan1192]

ご回答ありがとうございます。
Setオブジェクト初めてみました。非常に勉強になりました。
精進致します。

Answer 2

書かれたコードは、入力の配列に文字列である x.section が含まれているかどうかチェックしていて、入力の配列の要素はオブジェクトなので結果は常に偽になります。

フィルタを使うと以下のような感じでしょうか。

newArray = test.filter((element, index, array) => {
  if (index == 0 || array[index - 1].section != element.section) {
    element.name = [element.name];
    return true;
  }
  array[index - 1].name.push(element.name);
  return false;
});