ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で外部 JSON ファイルを読み取るにはどうすればよいですか?

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

Barbara Streisand
リリース: 2024-12-08 04:55:13
オリジナル
612 人が閲覧しました

How Can I Read External JSON Files in JavaScript?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート