如何使用JavaScript向本地JSON文件的数组中添加元素？

核心逻辑很简单：因为无法修改原JSON文件，我们只需要把JSON里的数组内容加载到JS的内存变量中，直接对这个变量做修改即可——所有操作都在运行时内存中生效，原JSON文件不会有任何变化。

分场景实现 #

1. 浏览器环境 #

如果是前端项目，你可以通过fetch加载JSON文件，再把数据转成可修改的数组变量：

// 加载JSON并修改数组
fetch('file.json')
  .then(res => res.json())
  .then(originalArr => {
    // 将加载的数组赋值给可修改的变量
    let targetArray = originalArr;
    // 添加新元素
    targetArray.push('number3');
    // 此时targetArray就是更新后的数组，原JSON文件不变
    console.log(targetArray); // 输出 ["number1", "number2", "number3"]
  })
  .catch(err => console.error('加载JSON出错:', err));

如果你的项目是直接把JSON内容内嵌到JS里（比如直接定义变量），那就更简单：

// 直接在JS中定义对应数组变量（模拟从JSON获取的初始值）
let targetArray = ["number1", "number2"];
// 添加元素
targetArray.push('number3');
// 数组已更新
console.log(targetArray);

2. Node.js环境 #

在Node.js项目里，用require加载JSON文件到变量，再修改即可：

// 加载JSON文件到变量
let targetArray = require('./file.json');
// 添加新元素
targetArray.push('number3');
// 变量中的数组已更新，原file.json内容完全不变
console.log(targetArray);

注意：Node.js中require加载的JSON会被缓存，但修改变量只会影响内存中的副本，不会改动原文件，刚好符合你的限制。

内容的提问来源于stack exchange，提问作者MegaMix_Craft