Typescript 读取 JSON 文件

在 TypeScript 中读取 JSON 文件，我们可以使用 Node.js 的内置模块 fs（文件系统）和 path，以下是一个简单的示例，展示了如何读取一个 JSON 文件并将其内容解析为 JavaScript 对象。

确保你已经安装了 Node.js，如果没有，请访问 https://nodejs.org/ 下载并安装。

接下来，创建一个名为 data.json 的文件，并在其中添加一些 JSON 数据，

{
  "name": "张三",
  "age": 30,
  "city": "北京"
}

现在，我们将创建一个名为 readJson.ts 的 TypeScript 文件，并在其中编写以下代码：

import fs from 'fs';
import path from 'path';
// 定义要读取的 JSON 文件的路径
const filePath = path.join(__dirname, 'data.json');
// 使用 fs.readFileSync() 函数读取文件内容
const fileContent = fs.readFileSync(filePath, 'utf8');
// 使用 JSON.parse() 函数将文件内容解析为 JavaScript 对象
const data = JSON.parse(fileContent);
// 输出解析后的数据
console.log(data);

在这个示例中，我们首先导入了 fs 和 path 模块，我们使用 path.join() 函数定义了要读取的 JSON 文件的路径，这里，我们使用了 __dirname 变量来获取当前文件所在的目录。

接下来，我们使用 fs.readFileSync() 函数读取文件内容，这个函数接受两个参数：第一个参数是要读取的文件的路径，第二个参数是文件的编码格式（在这里我们使用 ‘utf8’）。fs.readFileSync() 函数会同步地读取文件内容，也就是说，它会阻塞后续代码的执行，直到文件读取完成。

我们使用 JSON.parse() 函数将文件内容解析为 JavaScript 对象，这个函数接受一个表示 JSON 数据的字符串作为参数，并返回一个对应的 JavaScript 对象。

我们使用 console.log() 函数输出解析后的数据，运行这个 TypeScript 文件，你将在控制台看到如下输出：

{ name: '张三', age: 30, city: '北京' }

这就是如何在 TypeScript 中读取 JSON 文件并将其内容解析为 JavaScript 对象的方法，你可以根据需要修改这个示例，以便在你的项目中读取和处理 JSON 数据。