如何使用 JavaScript 修改本地 JSON 文件

HTML 无法直接修改本地文件 JSON，因为 HTML 是一种标记语言，用于描述页面结构和内容，而 JSON 是一种数据格式，用于存储和传输数据。要修改本地文件 JSON，需要使用其他编程语言，如 JavaScript、Python 等。

可以使用 JavaScript 读取 JSON 文件，修改其中的数据，然后将修改后的数据写回到 JSON 文件中。以下是一个使用 JavaScript 修改本地文件 JSON 的示例代码：

// 读取本地 JSON 文件
fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 修改 JSON 数据
    data.name = 'John';
    data.age = 30;
    // 将修改后的数据写回到 JSON 文件中
    const blob = new Blob([JSON.stringify(data)], {type: 'application/json'});
    const url = URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = 'data.json';
    link.click();
    URL.revokeObjectURL(url);
  });

这段代码使用 fetch API 读取本地 JSON 文件，然后修改其中的 name 和 age 属性，并将修改后的数据写回到 JSON 文件中。写回数据的方法是创建一个 Blob 对象，然后将修改后的 JSON 数据转换为字符串，作为 Blob 的内容，最后使用 URL.createObjectURL() 方法生成一个 URL，将 URL 赋值给 a 标签的 href 属性，设置 download 属性为文件名，然后模拟点击 a 标签，即可下载修改后的 JSON 文件。