提交HTML表单至Google Sheets时如何新增列？

基础场景：手动新增列（推荐） #

原代码的逻辑是通过Sheet第一行的表头匹配表单提交的参数，无需修改代码，只需完成两步：

1. 打开你的Google Sheet，在Sheet1的第一行（表头行）末尾添加新列标题，比如邮箱、手机号，确保标题文本和HTML表单输入框的name属性完全一致。
2. 在HTML表单里添加对应name的输入字段，例如：

   <input type="email" name="邮箱" required>
   <input type="tel" name="手机号" required>
   

提交表单时，代码会自动匹配新表头，把对应值填入新增列。

进阶场景：自动新增列（无需手动修改Sheet表头） #

如果需要代码自动识别表单新增参数，并在Sheet末尾自动添加对应列，可修改doPost函数的表头处理逻辑：

找到原代码中获取表头的片段：

const headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]

替换为以下代码：

// 获取现有表头
let headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
// 获取表单提交的所有参数键名
const formParams = Object.keys(e.parameter);
// 筛选出表头中没有的新参数
const newHeaders = formParams.filter(param => !headers.includes(param));

// 若存在新参数，添加到表头并更新Sheet
if (newHeaders.length > 0) {
  headers = [...headers, ...newHeaders];
  // 在Sheet末尾插入新列并写入表头
  sheet.getRange(1, headers.length - newHeaders.length + 1, 1, newHeaders.length).setValues([newHeaders]);
}

修改后，表单提交Sheet表头未包含的参数时，代码会自动在Sheet末尾新增对应列、写入表头，并将参数值填入新行的对应位置。

注意事项 #

• 表单字段的name属性要和表头文本严格匹配（大小写敏感）。
• 原代码中Date字段的自动填充逻辑无需改动，仍会自动填入当前时间。

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