如何将JS函数返回值作为code.gs函数变量实现Apps Script数据过滤

直接用Apps Script内置的google.script.run客户端API就能把前端拿到的下拉框选值传到code.gs后端，再给后端读表逻辑加过滤步骤就行，完整改法如下：

前端JS调整 #

你原来写的取值逻辑完全可以保留，拿到选中值之后直接调用后端函数传参，加好成功/失败回调处理返回结果：

function filter_market(){
  // 原有取值逻辑不变
  const selectedMarket = document.getElementById('filter_market').value;
  console.log("market selected "+ selectedMarket);
  
  // 调用后端code.gs里的读数据函数，传入筛选值
  google.script.run
    .withSuccessHandler(filteredResult => {
      // 这里写过滤后数据的后续处理逻辑，比如渲染到页面表格
      console.log('返回的过滤数据：', filteredResult);
    })
    .withFailureHandler(err => {
      console.error('请求异常：', err.message);
    })
    .readData(selectedMarket);
}

// 给下拉框绑定change事件，选中选项时自动触发过滤
document.querySelector('#filter_market').addEventListener('change', filter_market);

后端code.gs调整 #

给原来的readData函数加筛选入参，读取全量表格数据后按传入的市场值过滤，再返回结果：

// 以下常量按你自己的表格实际信息修改
const TARGET_SPREADSHEET_ID = '替换为你的谷歌表格ID';
const DATA_RANGE = '替换为数据所在范围，例如 销售表!A2:G'; // 从数据行开始读，跳过表头行
const MARKET_COLUMN_INDEX = 2; // 市场字段在你读取范围中的列索引，从0开始计数，按实际位置改

function readData(selectedMarket) {
  // 读取范围全量数据
  const res = Sheets.Spreadsheets.Values.get(TARGET_SPREADSHEET_ID, DATA_RANGE);
  const allDataRows = res.values || [];
  // 过滤出市场列值和选中值匹配的行
  const filteredData = allDataRows.filter(row => {
    const currentRowMarket = row[MARKET_COLUMN_INDEX] || '';
    // 精确匹配用===，需要模糊匹配就改成return currentRowMarket.includes(selectedMarket)
    return currentRowMarket === selectedMarket;
  });
  // 如果需要把表头加回返回结果，提前读表头行拼到数组最前面即可
  return filteredData;
}

注意：部署Web App的时候要记得给足对应权限，确保脚本有访问谷歌表格的权限，不然调用Sheets API会报错。

内容的提问来源于stack exchange，提问作者R S Kumar Yellapu