ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用してローカル JSON ファイルからデータを読み取り、アクセスするにはどうすればよいですか?

JavaScript を使用してローカル JSON ファイルからデータを読み取り、アクセスするにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-12-06 05:49:18227ブラウズ

How Can I Read and Access Data from a Local JSON File Using JavaScript?

JavaScript での外部ローカル JSON ファイルの読み取り: ステップバイステップ ガイド

ローカル JSON ファイルに保存されているデータにアクセスするとします。 JavaScriptを使用して。問題を解決するための包括的なガイドは次のとおりです:

前提条件:

  • ローカル システムに「test.json」という名前の JSON ファイルが保存されていること。
  • ファイルへのパスは次のとおりです。 "/Users/Documents/workspace/test.json".

ステップバイステップ コード:

同様のコンテンツを含む data.json ファイルを作成するサンプルの JSON のように。次に、JavaScript ファイルで次の手順に従います。

  1. JSON ファイルをインポートします。
<script type="text/javascript" src="data.json"></script>
  1. JSONオブジェクト:
var myData = JSON.parse(data);
  1. データ プロパティへのアクセス:

個々のデータ プロパティにアクセスするには、次の構文を使用します。

alert(myData[0].name); // Outputs "Ashwin"
alert(myData[0].age); // Outputs "20"

完全な JavaScript は次のとおりですコード:

<script type="text/javascript" src="data.json"></script>

これらの手順に従うと、JavaScript を使用して外部ローカル JSON ファイルからデータを効率的に読み取り、アクセスできます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。