【Javascript】配列の中の配列の中の配列の中の... 階層が分からない配列のループの回し方

Question

下のような配列があるとき、①・②を繰り返し全てのnameを出力したいです。
① その階層にある nameをconsole.logで出力
② group と言う key がある場合は下の階層へ

現状は2階層までと決まっているので直打ちで作成したんですがこれから増えるようなので
簡潔に階層がどう増えたり減ったりしても対応できるコードに修正したいです。

const arr = [
  {
    name: 'taro',
    group: [
      {
        name: 'kota',
        group: [
          {
            name: 'hiro'
          }
        ]
      },
    ],
  },
  {
    name: 'tatsuya',
    group: [
      {
        name: 'shota'
      }
    ]
  }
]

自作コードがなく申し訳ありませんが、ご教示のほどよろしくお願い致します。

Comments

[yambejp]

１段階目のnameとgroupの中のname以外は拾いたくないということでOKですか？
すべてのnameを拾うほうが楽なんですが・・・

[think49]

> 自作コードがなく申し訳ありませんが、ご教示のほどよろしくお願い致します。

自覚があるのでしたら、修正しましょう。
https://teratail.com/help/avoid-asking

[AkitoshiManabe]

> 現状は2階層までと決まっているので直打ちで作成したんですがこれから増えるようなので
簡潔に階層がどう増えたり減ったりしても対応できるコードに修正したいです。
提示されたような配列オブジェクト（arr）の構築もしたいということでしょうか。
ならば、修正を希望する元のソースを示すべきです。

Answer 1

再帰呼び出しで。

function foo(a){
    a.forEach(x => {
        console.log(x.name);
        if("group" in x){
            foo(x.group);
        }
    })
}
foo(arr)

Answer 2

今回の命題ですと、nameの親の親を覚えておく必要があります
処理的にはこう

Comments

[yambejp]

const array_values=(v,key,parent1,parent2)=>{
var ret=[];
if(/Number|String|Null/.test(Object.prototype.toString.call(v))){
ret.push([v,key,parent1,parent2]);
}else{
Object.entries(v).forEach((x,y)=>{ret=ret.concat(array_values(x[1],x[0],key,parent1))});
}
return ret;
}
var names=array_values(arr).filter(x=>(x[1]=="name" && (x[3]==null || x[3]=="group"))).map(x=>x[0]);
console.log(names);

[yambejp]

ただこれもgroupキーの先祖がgroupであることは保証していませんので
きっちりやるならルートから自分自身までのキーをすべて保持してチェックする必要があります

[yambejp]

単にキーがnameの値をとるだけならこれでいけます
const array_values=(v,key)=>{
var ret=[];
if(/Number|String|Null/.test(Object.prototype.toString.call(v))){
ret.push([v,key]);
}else{
Object.entries(v).forEach(x=>{ret=ret.concat(array_values(x[1],x[0]))});
}
return ret;
}
const names=array_values(arr).filter(x=>x[1]=="name").map(x=>x[0]);
console.log(names);

[TatsuyaOkawa]

返信が遅くなってしまって申し訳ありません。
こちらを参考に進めさせていただき解決いたしました！ありがとうございます！