首页 > 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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板