JavaScript で外部 JSON ファイルを読み取るにはどうすればよいですか?

JavaScript での外部 JSON ファイルの読み取り

この記事では、JavaScript で外部ローカル JSON ファイルを読み取る方法についての包括的なガイドを提供します。提供されているコード サンプルには、プロセスを効果的に理解するのに役立つ JSON ファイルと JavaScript コードの両方が組み込まれています。

コードの実装:

1. JSON ファイルを作成します:

次のデータを test.json という名前のファイルに保存します:

{
  "resource": "A",
  "literals": ["B", "C", "D"]
}

2. JavaScript コード:

// Get the path to the JSON file
const filePath = "/Users/Documents/workspace/test.json";

// Fetch the JSON file and store it in a variable
fetch(filePath)
  .then(response => response.json())
  .then(data => {
    // Print the resource
    console.log(data.resource);

    // Iterate and print the literals
    for (let literal of data.literals) {
      console.log(literal);
    }
  });

3.コードの実行:

JSON ファイルと JavaScript ファイルが同じフォルダーにあると仮定して、ターミナル ウィンドウを開いてそのフォルダーに移動します。次に、次のコマンドを実行します:

node your_javascript_file.js

これにより、次の出力が表示されます:

A
B
C
D

以上がJavaScript で外部 JSON ファイルを読み取るにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。