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

JavaScript でローカル JSON ファイルを読み取って解析するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-10 10:25:14
オリジナル
723 人が閲覧しました

How Can I Read and Parse a Local JSON File in JavaScript?

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

Web 開発では、多くの場合、JSON ファイルに格納されているローカル データにアクセスする必要があります。 JavaScript では、JSON.parse() メソッドを利用することでこれを実現できます。

問題ステートメント

「test.json」という名前のローカル JSON ファイルが保存されています。 /Users/Documents/workspace/test.json にあります。ファイルには次の JSON データが含まれています:

{
  "resource": "A",
  "literals": ["B", "C", "D"]
}
ログイン後にコピー

コード ソリューション

この JSON ファイルを読み取り、そのデータを JavaScript で出力するには、次の手順を使用できます。

  1. JSON を取得するデータ:

    const fs = require('fs');
    const data = fs.readFileSync('test.json');
    ログイン後にコピー
  2. JSON データの解析:

    const json = JSON.parse(data);
    ログイン後にコピー
  3. アクセスのdata:

    console.log(`Resource: ${json.resource}`);
    console.log(`Literals: ${json.literals}`);
    ログイン後にコピー

追加の考慮事項

  • ファイルの読み取りには Node.js の fs モジュールが使用されますsystem.
  • JSON ファイルへのパスが次のとおりであることを確認してください。正しいです。
  • ファイルが見つからない場合、または解析できない場合に、エラーを適切に処理します。

サンプル コード

const fs = require('fs');

// Read the JSON file
const data = fs.readFileSync('test.json');

// Parse the JSON data
const json = JSON.parse(data);

// Access the data
console.log(`Resource: ${json.resource}`);
console.log(`Literals: ${json.literals}`);
ログイン後にコピー

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

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