JavaScriptでネストされたオブジェクトを連想配列(オブジェクト配列)に詰め替えたい

質問を見ていただきありがとうございます。

beforeのようなネストされたオブジェクトを

before.js
1var obj = {
2  name:"食べ物",
3  taste:"不明",
4  ch :{
5    name:"果物",
6    taste:"たぶん甘い",
7    ch :{
8      name:"みかん",
9      taste:"酸っぱい",
10      ch :{}
11    }
12  }
13}

afterのような配列の形にしたいです。

after.js
1var obj = [
2  {name:"食べ物",taste:"不明"},
3  {name:"果物",taste:"たぶん甘い"},
4  {name:"みかん",taste:"酸っぱい"}
5];

自分で考えたのがこれなのですが、正直イケてないように思います。

kore.js
1var a = [];//返却値
2var c = {};//一時保存用変数
3//関数を実行
4test(obj);
5
6//ネストを詰めかえる関数
7function test(args){
8	c = {};
9	c.name = args.name;
10	c.taste = args.taste;
11	a.push(c);
12	console.log(a);
13		//ネストがあるか
14	    if('ch' in args){
15	        test(args.ch);
16	    }else{
17	    	//最後の要素を削除
18            a.pop();
19	        return a;
20	    }
21

新しい書き方(アロー関数など)は実行できない環境で使いたいのですが、アドバイスいただけると嬉しいです。
よろしくお願いいたします。

meg_

2022/06/13 10:36

> 新しい書き方(アロー関数など)は実行できない環境で使いたい具体的にはどういう環境でしょうか？

行動規範の内容に同意します

回答3件

javascript
1const a = {
2  name:"食べ物",
3  taste:"不明",
4  ch :{
5    name:"果物",
6    taste:"たぶん甘い",
7    ch :{
8      name:"みかん",
9      taste:"酸っぱい",
10      ch :{}
11    }
12  }
13}
14const get_obj=obj=>{
15  const ret=[];
16  const tmp={};
17  const name=obj.name??null;
18  const taste=obj.taste??null;
19  if(name) tmp.name=name;
20  if(taste) tmp.taste=taste;
21  if(Object.keys(tmp).length) ret.push(tmp);
22  const ch=obj.ch??null;
23  if(ch) ret.push(...get_obj(ch));
24  return ret;
25}
26const b=get_obj(a)
27console.log(b);

投稿2022/06/14 00:38

yambejp

総合スコア114843

こんなんでどーすか?

javascript
1function test(args) {
2    let a = [];
3    let p = args;
4    while (Object.keys(p).length) {
5        let {name,taste,ch} = p;
6        a.push({name,taste});
7        p = ch;
8    }
9    return a;
10}

投稿2022/06/13 11:18

takasima20

総合スコア7458

ベストアンサー

こんな感じですかねー

javascript
1obj = (function getNameAndTaste({ name, taste, ch }, ary) {
2  if (name && taste) ary.push({ name, taste });
3  if (ch) getNameAndTaste(ch, ary);
4  return ary;
5})(obj, []);