【Node.js】ネストされたJSON（但し、何回層あるかは動的）から、特定のキーに対する値だけ取得したい

前提・実現したいこと

PSD.jsを使用し、PSDファイルに含まれているテキストレイヤーのテキストデータを取得し、保存したいと考えています。

test.js
1var PSD = require('psd');
2var psd = PSD.fromFile("path/to/file.psd");
3psd.parse();
4 
5console.log(psd.tree().export());

これで返ってくるのは…

response.json
1{
2	"children": [
3		{
4			"type": "group",
5			"visible": true,
6			"opacity": 1,
7			"blendingMode": "normal",
8			"name": "タイトル",
9			"left": -48,
10			"right": 1969,
11			"top": -16,
12			"bottom": 277,
13			"height": 293,
14			"width": 2017,
15			"children": [
16				{
17					"type": "layer",
18					"visible": true,
19					"opacity": 1,
20					"blendingMode": "normal",
21					"name": "就職応援フェア",
22					"left": 613,
23					"right": 1306,
24					"top": 193,
25					"bottom": 267,
26					"height": 74,
27					"width": 693,
28					"mask": {},
29					"text": {
30						"value": "就職応援フェア",
31						"font": {
32							"name": "RodinNTLGPro-EB",
33							"sizes": [
34								80.93518,
35								80.93518,
36								65.93518,
37								80.93518
38							],
39---
40以下略

ご覧の通り、PSDファイルにはレイヤーの階層構造があるため、"text": { "value":"hogehoge"が何階層目に来るかは、ファイルによって異なります。

どのように取得すればよいでしょうか？

最終的には、gulpでタスク化し、複数のPSDからテキストデータだけ抜き出し、JSONかMarkdownファイルに納めたいと考えています。

補足情報（FW/ツールのバージョンなど）

OS: Windows7
Node.js: 8.11.1
npm: 5.6.0

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

回答1件

ベストアンサー

どうやら親子関係を表現しているのは常にchildrenキーを利用した規則性のある親子関係のようです。
下記のような仕様の再帰関数を用意してみてはどうでしょうか？

再帰関数を実行すると配列が返ってくる
親は常にObjectである
textキーが存在すれば戻り値用の配列に追加
childrenキーの中身は常に配列
childrenキーが存在する場合は再起ループを行う

JavaScript
1const findTextList = (psd = {}) => {
2  const list = [];
3  if (psd.text) list.push(psd.text);
4  (psd.children || []).forEach(it => {
5    findTextList(it).forEach(text => {
6      list.push(text)
7    })
8  })
9  return list;
10}
11
12console.log(findTextList({}));
13// []
14console.log(findTextList({text: "hoge"}));
15// ["hoge"]
16console.log(findTextList({text: "hoge", children: [
17  {text: "item1"},
18  {text: "item2"}
19]}));
20// ["hoge", "item1", "item2"]
21console.log(findTextList({text: "hoge", children: [
22  {text: "item1", children: [
23    {text: "item1-1"},
24    {text: "item1-2"},
25  ]},
26  {text: "item2"}
27]}));
28// ["hoge", "item1", "item1-1", "item1-2", "item2"]

テストではtextには文字列hogeみたいなデータを使いましたが、
実際のデータを使うと下記のような感じになると思うので注意してくださいね。

JSON
1[
2  {
3    "value": "就職応援フェア",
4    "font": {
5      "name": "RodinNTLGPro-EB",
6      "sizes": [
7        80.93518,
8        80.93518,
9        65.93518,
10        80.93518
11      ],
12    }
13  },
14  {
15    "value": "就職応援フェア",
16    "font": {
17      "name": "RodinNTLGPro-EB",
18      "sizes": [
19        80.93518,
20        80.93518,
21        65.93518,
22        80.93518
23      ],
24    }
25  }
26]