Deno 是一个新的现代化的服务器端 JavaScript/TypeScript 运行时环境，它拥有一个非常强大的 json 模块，能够很方便地读取和存储 json 文件。
在前端开发中，我们经常需要存储和读取配置信息，比如存储 API 地址，数据库连接信息等等。Deno 提供了方便的方法来读取和写入 json 文件。
本篇文章将介绍如何使用 Deno 在前端项目中存储和读取 json 文件中的配置信息。
1. 示例代码
// javascriptcn.com 代码示例
// 读取配置信息
const config = await Deno.readTextFile("./config.json");
const parsedConfig = JSON.parse(config);
console.log(parsedConfig);
// 写入配置信息
const data = JSON.stringify({ api: "http://localhost:3000" });
await Deno.writeTextFile("./config.json", data);
console.log("Config saved.");上述示例代码演示了如何读取和写入配置信息。
2. 使用 Deno 读取配置文件
为了读取 json 文件中的配置信息，我们需要使用 Deno.readTextFile 方法读取文件内容，然后使用 JSON.parse 方法将其转换成 JavaScript 对象。
const config = await Deno.readTextFile("./config.json");
const parsedConfig = JSON.parse(config);
console.log(parsedConfig);解释一下这段代码：
Deno.readTextFile是 Deno 提供的读取文件的方法，它的返回值是一个 promise 对象。JSON.parse是用来解析 json 字符串的方法，它将 json 字符串转化成 JavaScript 对象的形式。
使用以上代码，我们可以读取如下格式的 json 配置文件：
// javascriptcn.com 代码示例
{
"api": "http://localhost:3000",
"database": {
"host": "localhost",
"username": "root",
"password": "password",
"port": 3306,
"database": "my_database"
}
}3. 使用 Deno 写入配置文件
在前端开发中，我们需要将变量或对象写入配置文件，以便在程序重新运行时读取这些信息。使用 Deno 写入配置文件非常简单。
我们可以使用 JSON.stringify 方法将 JavaScript 对象转换成 json 字符串格式，然后使用 Deno.writeTextFile 将其写入文件。
const data = JSON.stringify({ api: "http://localhost:3000" });
await Deno.writeTextFile("./config.json", data);
console.log("Config saved.");解释一下这段代码：
JSON.stringify是将 JavaScript 对象转化成 json 字符串的方法。Deno.writeTextFile是将字符串写入文件的方法，返回一个 promise 对象。
使用以上代码，我们可以将如下格式的 js 对象写入配置文件：
// javascriptcn.com 代码示例
const configuration = {
api: "http://localhost:3000",
database: {
host: "localhost",
username: "root",
password: "password",
port: 3306,
database: "my_database"
}
};4. 总结
在本文中，我们讨论了如何使用 Deno 存储和读取 json 文件中的配置信息。它非常简单，只需要使用读取和写入文件的内置 Deno 方法即可。这对于前端开发人员来说非常有用，因为我们经常需要存储和读取程序中的配置信息。
Deno 在前端技术中的使用前景广阔，在学习和使用 Deno 的过程中，我们可以更好地了解和掌握它在前端开发中的优势和应用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6539f3657d4982a6eb39fe6b