如何在javascript中从json文件中读取数据

Posted 2023-02-15

【中文标题】如何在javascript中从json文件中读取数据

【英文标题】：how to read data from a json file in javascript

【发布时间】：2022-01-17 05:30:59

【问题描述】：

我有一个包含这个对象的 json 文件：

    "fontFamily": "Roboto",
    "color": "red",
    "backgroundColor": "green",
    "textForExample": "Hello world i'm a text that's used to display an exemple for my creator."

当我解析它时，我的控制台中有一个错误，上面写着“infosFile.json:2 Uncaught SyntaxError: Unexpected token ':'” 然后当我尝试在我的 javascript 中使用它时，我在控制台中收到此消息：“infosFile is not defined”，我不明白问题出在哪里

【参考方案1】：

json 是有效的。您可以通过以下链接检查您的 json 文件是否有效：https://jsonformatter.curiousconcept.com/

问题可能是为了使用 JavaScript 从您的计算机读取 json，您需要安装 NodeJS。 您可以从这里下载 NodeJS：https://nodejs.org/en/

你可以像这样用 NodeJS 读取 json。

const fs = require('fs');

let rawdata = fs.readFileSync('<path/yourFileName>.json');
let data = JSON.parse(rawdata);
console.log(data);

【讨论】：

我试过这个，但我有一个错误说'require is not defined'

你是在客户端还是服务器端使用它？

【参考方案2】：

试试

const info = require('infosFile.json');

console.log(JSON.parse(info)) // should output valid data

【讨论】：

我试过这个，但我有一个错误说'require is not defined'

【参考方案3】：

确保您拥有访问 JSON 文件的正确路径

使用 require("") 访问您的 json 文件并将您的放在双引号内

使用 JSON.parse() 读取并将其存储在变量中

const json_file = require("./json/test.json");
const data = JSON.parse(json_file);

你也可以使用字符串化它

const data_stringified = JSON.stringify(data);

【讨论】：

它仍然不起作用，我不知道为什么但我仍然有这个消息“script.js:5 Uncaught ReferenceError: require is not defined”，我很难过

我的 json 文件仍然有这条消息“Uncaught SyntaxError: Unexpected token ':'”

@RégisLeRégisseur 您是在客户端还是服务器端使用它？你能显示一个代码sn-p

@RégisLeRégisseur 看看这个帖子***.com/questions/19059580/…

我在客户端使用它