如何将HTML表格多行数据保存到Google Sheets

const newRow = headers.map(function(header) {
  return header === 'Date' ? new Date() : e.parameter[header]
})

sheet.getRange(nextRow, 1, 1, newRow.length).setValues([newRow])

const temp = headers.map(header => header === 'Date' ? new Date() : e.parameters[header]);
// temp 数组现在可能包含日期、以及Email和Name的数组。
// 例如：[new Date(), ["email1@example.com", "email2@example.com"], ["Name1", "Name2"]]

// 重构数据为二维数组，每一项代表一行数据
const newRows = temp[1].map((emailValue, index) => {
  // 假设Email是temp[1]，Name是temp[2]
  return [temp[0], emailValue, temp[2][index]];
});

// 将所有行数据一次性写入Google Sheet
sheet.getRange(nextRow, 1, newRows.length, newRows[0].length).setValues(newRows);

const temp = headers.map(header => header === 'Date' ? new Date() : e.parameters[header]);

// 假设temp[0]是日期，temp[1]是第一个多行字段（例如Email）
// 如果headers中Date不是第一列，需要调整temp[0]的获取方式
// 找到第一个作为数组的字段，以其长度为基准
const multiValueFieldIndex = temp.findIndex(item => Array.isArray(item));
if (multiValueFieldIndex === -1) {
  // 如果没有多值字段，说明只有单行数据，或数据结构不符，按单行处理
  const newRow = temp.flat(); // 展平数组，处理单行数据
  sheet.getRange(nextRow, 1, 1, newRow.length).setValues([newRow]);
  return;
}

const newRows = temp[multiValueFieldIndex].map((value, index) => {
  // 构建单行数据：先加入日期（如果存在），然后遍历所有多值字段，取对应索引的值
  return headers.map((header, headerIndex) => {
    if (header === 'Date') {
      return temp[headerIndex]; // 日期是单个值
    } else {
      // 对于其他字段，从temp中取对应headerIndex的数组，并获取其index位置的值
      return temp[headerIndex][index];
    }
  });
});

sheet.getRange(nextRow, 1, newRows.length, newRows[0].length).setValues(newRows);

<tbody>
  <tr>
    <td contenteditable="true"> <input name="Email" type="email" placeholder="Email" required></td>
    <td contenteditable="true"> <input name="Name" type="name" placeholder="Name" required></td>
    <td class="docEdit tdDelete">X</td>
  </tr>
  <!-- 动态添加的行也应保持相同的name属性 -->
  <tr>
    <td contenteditable="true"> <input name="Email" type="email" placeholder="Email" required></td>
    <td contenteditable="true"> <input name="Name" type="name" placeholder="Name" required></td>
    <td class="docEdit tdDelete">X</td>
  </tr>
</tbody>

// Updated for 2021 and ES6 standards

const sheetName = 'Sheet1'
const scriptProp = PropertiesService.getScriptProperties()

function initialSetup () {
  const activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet()
  scriptProp.setProperty('key', activeSpreadsheet.getId())
}

function doPost (e) {
  const lock = LockService.getScriptLock()
  lock.tryLock(10000)

  try {
    const doc = SpreadsheetApp.openById(scriptProp.getProperty('key'))
    const sheet = doc.getSheetByName(sheetName)

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

    // 核心修改部分
    const temp = headers.map(header => header === 'Date' ? new Date() : e.parameters[header]);

    // 找到第一个作为数组的字段，以其长度为基准来确定行数
    const multiValueFieldIndex = temp.findIndex(item => Array.isArray(item));

    let newRows = [];
    if (multiValueFieldIndex === -1) {
      // 如果没有多值字段，按单行数据处理（例如，只有Date或非重复字段）
      // 此时e.parameters可能只包含单个值或不存在
      const singleRow = headers.map(header => header === 'Date' ? new Date() : e.parameter[header]);
      newRows.push(singleRow);
    } else {
      // 根据第一个多值字段的长度，动态构建所有行数据
      newRows = temp[multiValueFieldIndex].map((value, index) => {
        return headers.map((header, headerIndex) => {
          if (header === 'Date') {
            return temp[headerIndex]; // 日期是单个值
          } else {
            // 对于其他字段，从temp中取对应headerIndex的数组，并获取其index位置的值
            // 确保temp[headerIndex]是一个数组，并且index有效
            return Array.isArray(temp[headerIndex]) ? temp[headerIndex][index] : temp[headerIndex];
          }
        });
      });
    }

    if (newRows.length > 0) {
      sheet.getRange(nextRow, 1, newRows.length, newRows[0].length).setValues(newRows);
    }

    return ContentService
      .createTextOutput(JSON.stringify({ 'result': 'success', 'row': nextRow }))
      .setMimeType(ContentService.MimeType.JSON)
  }

  catch (e) {
    return ContentService
      .createTextOutput(JSON.stringify({ 'result': 'error', 'error': e.message || e })) // 捕获更详细的错误信息
      .setMimeType(ContentService.MimeType.JSON)
  }

  finally {
    lock.releaseLock()
  }
}