例えば、sampleフォルダにいくつかのjsonデータがあるとして、それを全て読み込みたい場合はどう記述すればよろしいでしょうか?
-
2すべてのJSONファイルの名前はリストとして持っていますか?それとも何のJSONファイルがあるかわからない状態での取得ですか?– keitaro_soCommented 2020年9月25日 0:23
-
jQueryが出てくるくらいなので、実行環境はウェブブラウザでよろしいでしょうか?– int32_tCommented 2020年9月25日 1:39
-
>>すべてのJSONファイルの名前はリストとして持っていますか?それとも何のJSONファイルがあるかわからない状態での取得ですか? 答えになっているか分からないですが、、、sample1.json,sample2.jsonといった感じです。– user42049Commented 2020年9月25日 3:00
-
>>実行環境はウェブブラウザでよろしいでしょうか? はい、あっています。– user42049Commented 2020年9月25日 3:02
-
ファイル名は連番ですか? 連番の最大値はわかりますか? 欠番はありますか? サーバ側で何らかのプログラムを走らせることはできますか?– int32_tCommented 2020年10月1日 5:54
コメントを追加
|
2 件の回答
読み込むだけであれば次のようにするのはどうでしょうか。
// ここのファイル名が必要なだけ増えていく
const filenames = [
"sample/data.json",
"sample/data2.json"
];
filenames.forEach(function (filename) {
$.getJSON(filename, function (data) {
console.log(filename, data);
});
});
以前同じ目的で調べたことがあり、標準では用意されていないと知り、
実装したことがあります。
手元にあったそのコード(TypeScript)をJavaScriptに書き直しました。
いま環境がないので動作は未確認です。(上手く動いたら良いのですが)
アプローチとしては
まずディレクトリ内に含まれる全ファイルを列挙した後で、拡張子で絞る感じです。
import fs from 'fs';
import path from 'path';
const enumFilePaths = (dirPath, extension) => {
const filePaths = [];
const founds = fs.readdirSync(dirPath);
founds.each((found) => {
const subPath = path.resolve(dirPath, found);
const stat = fs.statSync(subPath);
if (stat.isFile()) {
filePaths.push(subPath);
}
});
const filtered = filePaths.filter((filePath) => {
const ext = path.extname(filePath).toLowerCase().replace('.', '');
return ext === extension;
});
return filtered;
};
const jsonFilePaths = enumFilePaths('./sample', 'json');
この jsonFilePaths
をループで回して、$.getJSON()
されると良いです。
少し改造すると、探す拡張子を2つ以上に増やしたり、
サブディレクトリ内も探すようにもできます。
(元々その機能もありましたが、あなたの要件とは異なるのでペーストの際に省略しました)
-
回答ありがとうございます!助かります。– user42049Commented 2020年9月25日 3:03
-
げげ、他のコメントで「実行環境はウェブブラウザ」と書かれていますね。それだとこのコードは動作しません。
fs.readdirSync()
のような、ローカルPC内のファイルを参照することは、ブラウザからはセキュリティ上できないのです。– kako-junCommented 2020年9月25日 3:40 -
遅くなりました。回答ありがとうございます。知識不足な点があり、もう少し調べてみます。– user42049Commented 2020年9月27日 11:28