不特定多数のJSONファイルをループで処理したい

Question

前提・実現したいこと

ejsのテンプレートエンジンにて、
gulpファイルを編集し、どこからでもJSONファイルのオブジェクトを呼び出せるようにしたいと考えています。

jsonファイルは今後増えていくので、ループ処理でJSONファイルを読み込み、
jsonDataというオブジェクトに追加していく、という考えのもと、コードを書いています。
data/**配下のjsonファイルを読み込みたいのですが、その記法が分からない状態です、、

ディレクトリ構造

src
 -data
   - aaa
     - aaa.json
   - bbb
     - bbb.json
   

発生している問題・エラーメッセージ

〜 is not defined　

Jsonファイルのオブジェクトの名前が〜に表記されれいるので、JSONファイルが読み込めておりません。

該当のソースコード

const ejs = require('gulp-ejs');
const fs = require('fs');

var paths = {
    srcDir: './src',
    dstDir: './dist',
　　　　　　　　// data: [] の中の書き方が分からないです、、
    data: ['./src/asset/data/**/*.json']
};


const jsonData = {json : {}};
function makeJson(done) {
    paths.data.forEach( path => {
        const jsonFile = JSON.parse(fs.readFileSync(path));
        Object.assign(jsonData.json, jsonFile)
        done()
    })
}


--ejsのcompileタスク--

function ejsCompile() {
    return gulp
        .src([paths.srcDir + '/**/*.ejs', '!' + paths.srcDir + '/**/_*.ejs', '!' + paths.srcDir + '/ejs/**/*.ejs'])
       .pipe(ejs(jsonData))
       以下省略


--タスク処理--
exports.dev = gulp.series(
    makeJson,
    以下省略

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

gulp": "^4.0.2",

Answer 1

/**/*.josnのような形でループさせるのはgulp特有の書き方なので、forEachには反応しません。

まずはjsonファイルのリストを作成する必要がありそうですね。
fsを使ってファイルリストの配列を作成するとよいと思います。
参考：https://mmorley.hatenablog.com/entry/2016/12/12/171628

Comments

[Rocky12345]

ご回答感謝いたします。
fsでdata配下のファイル取得し、配列にするところ試していきます。

[Rocky12345]

const getListFiles = (data) =>
fs.readdirSync(data, { withFileTypes: true }).flatMap(dirent =>
dirent.isFile() ? [`${data}/${dirent.name}`] : listFiles(`${data}/${dirent.name}`)
)
const list = getListFiles(paths.data);

const jsonData = {}
function createData(done) {
list.forEach( jsonPath => {
const jsonFile = JSON.parse(fs.readFileSync(jsonPath));
Object.assign(jsonData, jsonFile)
done()
})
}

これまでご回答いただき、感謝致します。
上記のようにコードを書くと指定したディレクトリ内の
JSONファイルを取得することができました。
ただ、`${data}/${dirent.name}`を変数にいれてみると
The "path" argument must be of type string or an instance of Buffer or URL. Received undefined
というErrorが出てしまいます。
あと一歩かなと思うのですが、リファクタリングの方法などありますでしょうか

[runnynose]

やりたいことにハマるか分からないですが、以下のような感じでうまく行かないですかね？？
(拡張子をjsonのみにするなどの厳密なことはやってません)

```
const getListFiles = (dir) =>{
var files = fs.readdirSync(dir)
return files.map((file) => `${dir}/${file}`)
}
const list = getListFiles(paths.data);
```

[runnynose]

すみません、間違えて回答に2回投稿してたので削除申請してたものが消えました^^;
なので、過去のやりとりがなくなってしまいました。。。

Rocky12345さんのErrorを再現したいので、listFiles()の処理も教えて欲しいです。

[runnynose]

これでうまくいくかも？
```
const fs = require('fs')

const getListFiles = (data) =>
fs.readdirSync(data, { withFileTypes: true }).flatMap(dirent =>
dirent.isFile() ? `${data}/${dirent.name}` : getListFiles(`${data}/${dirent.name}`))

const list = getListFiles('src/data')

console.log(list)
```

[Rocky12345]

ありがとうございます！！
記述も動作も完璧でした！

何度もご回答頂きとても助かりました。

[runnynose]

flatMap、初めて知って使ったことなかったので私も勉強になりました^^