【JavaScript】ネストされているJSONデータの値取得

Question

{
	"masterNumber": 10000,
	"code": "m-001",
	"customerData": {
		"name": "Jiro",
		"age": 45
	},
	"Address": [{
		"name": "testAreport",
		"email": "[e-mail]"
	}],
	"items": [{
		"itemId": "item01",
		"itemName": "商品01"
		},
		{
		"itemId": "item02",
		"itemName": "商品02"
		},
		{
		"itemId": "item03",
		"itemName": "商品03"
	}]
}

このJSONデータから全ての値を取得する方法は、どのようなものがありますでしょうか？

やりたいことは、JSON内の全ての値を取得して、文字列として表示させることです。

宜しくお願い致します。

Comments

[m.ts10806]

このままでは丸投げ質問（非推奨質問の代表格です）となってしまうので、自身が調べていく中でやってみたコードをご提示ください。その上で「何が」「どう」分からなかったのか記載してください。 https://teratail.com/help/question-tips

[yambejp]

想定するほしい結果を明示ください

[Watachan]

@mts10806 ご指摘ありがとうございます。承知致しました。

[Watachan]

@yambejp 想定としましては、[e-mail]01商品01item02商品02item03商品03……このようなデータを想定しておりました。用法としては、これを秘密鍵と混ぜてなんやかんやしましてアクセス用のチェックサムを作成することでした。

Answer 1

ちょっとおもしろそうだったので。

Array.prototype.flat() は GoogleChrome 69 から実装されるそうなので GCCanary 69 を使用しています。
あとは .join() するなりして好きに文字列に出来ます。

superFlatten = obj => !Array.isArray(obj) ? (
  typeof obj === typeof {} ? superFlatten(Object.values(obj)) : obj
) : (
  obj.every(o => (typeof o !== typeof {})) ? obj : (
    obj.map(o => superFlatten(o)).flat()
  )
);

superFlatten(json); // -> [10000, "m-001", "Jiro", 45, "testAreport", "[e-mail]", "item01", "商品01", "item02", "商品02", "item03", "商品03"]

Comments

[Watachan]

ありがとうございます！
助かりました！

実は私の方でも処理を一つ試しまして、こちらでも実現できました！

function getValue(obj) {
if (typeof obj === 'object') {
var strValue = '';
for (key in obj) {
strValue += getValue(obj[key]);
}
return strValue;
} else {
return obj;
}
}
getValue(json);

[og24715]

ロジックは似てますね。
式縛りしないほうが明快でわかり良いですね