首頁 > web前端 > 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 data:

    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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板