能否在外部JS文件中向其他文件的JavaScript对象或数组添加条目？

第一个问题的答案：完全可以向另一个文件的JavaScript对象添加条目 #

只要能让两个文件的作用域互通，你就能轻松操作其他文件里的对象/数组。下面针对你的具体场景，给你两种常用的实现方式：

方式一：传统全局变量方案（适合简单无打包的项目） #

首先要确保expenses.js里的数组能被其他文件访问到。在浏览器环境中，直接用var声明的变量会自动挂载到window对象上，但为了更清晰，我们可以手动把它暴露到全局：

// expenses.js
window.expenses = [
  {
    day: "9/11/2019",
    expenses: {
      pen: 15,
      tea: 32,
      auto: 40,
      juice: 30,
    }
  },
  {
    day: "10/11/2019",
    expenses: {
      bananas: 50,
      auto: 100,
      tea: 30,
    }
  }
];

然后在add-expense.js里编写你的添加函数，直接操作全局的expenses数组就行：

// add-expense.js
function addExpenses(newExpense) {
  // 先做个简单的格式校验，避免无效数据
  if (!newExpense.day || !newExpense.expenses) {
    console.error('添加失败：新费用必须包含day和expenses字段！');
    return;
  }
  expenses.push(newExpense);
  console.log('费用添加成功！当前总条目数：', expenses.length);
}

// 调用示例
addExpenses({day: "11/11/2019", expenses: {biscuit: 20}});

⚠️ 注意：在HTML里引入文件时，必须先引入expenses.js，再引入add-expense.js，否则后者会找不到expenses变量：

<script src="expenses.js"></script>
<script src="add-expense.js"></script>

方式二：ES模块方案（推荐，更规范的现代开发方式） #

如果你的项目支持ES模块（比如用Webpack/Vite等打包工具，或者现代浏览器），可以用导出/导入的方式来管理依赖，避免全局变量污染：

首先在expenses.js里导出数组：

// expenses.js
export let expenses = [
  // 你的数组内容（和之前一样）
];

然后在add-expense.js里导入这个数组，再编写添加函数：

// add-expense.js
import { expenses } from './expenses.js';

export function addExpenses(newExpense) {
  if (!newExpense.day || !newExpense.expenses) {
    console.error('添加失败：新费用必须包含day和expenses字段！');
    return;
  }
  expenses.push(newExpense);
  console.log('费用添加成功！当前总条目数：', expenses.length);
}

// 调用示例
addExpenses({day: "11/11/2019", expenses: {biscuit: 20}});

如果是在浏览器里直接运行，需要给script标签加上type="module"：

<script type="module" src="add-expense.js"></script>

（模块会自动处理依赖，不需要手动先引入expenses.js）

额外小提示 #

• 如果你用const声明expenses数组也没关系，因为const只是锁定变量的引用，数组本身的内容（比如push新元素）是可以修改的。
• 可以根据需求给addExpenses函数加更多校验逻辑，比如检查day格式是否正确、expenses是否是对象等，让代码更健壮。

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