連想配列と配列が組み合わさっているものの中身を表示させたい

Question

下記のjsonのchidrenのnameをすべて表示させたいのですが、どうすればよいでしょうか。
childrenの中にchildrenがあり、childrenの個数が可変でも対応させたいです。

{
    "children": [
        {
            "contents": {
                "A": 0,
                "B": 1,
                "C": 2
            },
            "children": [
                {
                    "children": [],
                    "name": "test03",
                    "id": 3
                },
                {
                    "children": [],
                    "name": "test04",
                    "id": 4
                }
            ],
            "name": "test01",
            "id": 1
        },
        {
            "contents": {
                "A": 0,
                "B": 1,
                "C": 2
            },
            "children": [
                {
                    "children": [],
                    "name": "test05",
                    "id": 5
                },
                {
                    "children": [],
                    "name": "test06",
                    "id": 6
                }
            ],
            "name": "test02",
            "id": 2
        }
    ]
}

得たい結果

[
    {
        "name": "test01"
    },
    {
        "name": "test02"
    },
    {
        "name": "test03"
    },
    {
        "name": "test04"
    },
    {
        "name": "test05"
    },
    {
        "name": "test06"
    }
]

Comments

[yambejp]

結果として何が得られればいいのでしょうか？

[kakinosuke]

すみません。得たい結果を追加しました。

[yambejp]

単純に再帰的なnameの取得はかんたんですが
childrenの配列の中のオブジェクト直下のnameといわれると微妙です。

[raccy]

https://ja.stackoverflow.com/questions/71249/

Answer 1

追記を踏まえて再度の回答です。

全てのキーを順番に取得し、それがchildrenという名前であればその中のname要素を取ってくるという形にしました。
全てのキーとそれに対応する値を取得するには、調べてみましたがJSON.parse関数の第2引数を使うと良いようです。

const json = { …略… };

// 余談ですが、childrenはchildの複数形なので、要素名はchildの方が良いのでは無いでしょうか。
const names = [];
JSON.parse(JSON.stringify(json), (key, value) => {
    if (key == "children"){
        if (Array.isArray(value.name){
            value.name.forEach(n => names.push({ "name": n.name }));
        }else{
            names.push({ "name": n.name });
        }
    }
});

console.log(JSON.stringify(names));

Comments

[Automatic9045]

列挙されるのが最下層からになるのが気になるようであれば、参考サイトに書かれているもう片方の方法を試してみて下さい。

[kakinosuke]

ありがとうございます！調べてみます。

Answer 2

工夫次第ですがnameを再帰的に探す処理だけ書いておきます

Comments

[yambejp]

const a={
"children": [
・・・・
]
};
const array_values=(val,key)=>{
var ret=[];
var test=Object.prototype.toString.call(val);
if(/Number|String|Null/.test(test)){
ret.push([val,key]);
}else{
Object.entries(val).forEach(x=>{ret=ret.concat(array_values(x[1],x[0]))});
}
return ret;
}
console.log(array_values(a,null).filter(x=>x[1]=="name").map(x=>x[0]));

Answer 3

こんばんは。

JSONを文字列にして表示するだけであれば、JSON.stringify関数で簡単に実現できます。

const json = { …略… };
console.log(JSON.stringify(json.children));

…が、多分要件はこれだけでは無いと思います。
仕様をもう少し詰めていただけると更に具体的な回答が出来ます。

Comments

[kakinosuke]

すみません。得たい結果の詳細を追加しました。

[Automatic9045]

追記されたJSONは不正なフォーマットになっています。
これだとどう回答すれば良いか分からないので、JSONの構造を正確に記入して下さい。

[kakinosuke]

修正しました。

[Automatic9045]

元になるJSONで直下にあるchildren要素ですが、同じ階層に他のchildren要素が入る可能性はありますか？

[kakinosuke]

ないです！

[Automatic9045]

了解しました。
先程キーの重複が無い前提で新たに回答しましたので、ご覧になってみて下さい。