如何在 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中文網其他相關文章！