Span无法显示indexMatch函数返回值的问题排查求助

核心问题分析 #

你的span始终显示"Faltan datos"/"Falta datos"（对应你描述的"Missing data"），说明indexMatch函数要么找不到匹配的行，要么找不到匹配的列，优先排查以下几个关键问题：

1. 参数传递顺序完全颠倒 #

Apps Script函数定义：

function indexMatch(columnaBusqueda, valorBusqueda) {
  // columnaBusqueda：匹配第3行(D3:BX3)的列标题
  // valorBusqueda：匹配C列(C5:C149)的行内容
}

前端调用代码：

google.script.run.withSuccessHandler(function (resultado) {
  resultSpan.textContent = resultado;
}).indexMatch(
  document.getElementById("cargo").value, // 传给了columnaBusqueda
  document.getElementById("Campo8").value // 传给了valorBusqueda
);

如果你的业务逻辑是cargo对应C列行内容、Campo8对应第3行列标题，那参数顺序完全写反了！正确调用应为：

.indexMatch(
  document.getElementById("Campo8").value, // 先传列搜索值columnaBusqueda
  document.getElementById("cargo").value // 再传行搜索值valorBusqueda
);

这是最可能导致匹配失败的核心原因。

2. 严格匹配导致的大小写/空格问题 #

indexOf是严格字符串匹配，若工作表数据存在以下情况会直接匹配失败：

• 文本前后有空格（比如C列单元格是" 工程师 "，输入框值是"工程师"）
• 大小写不一致（比如工作表是"Ingeniero"，输入框是"ingeniero"）

修复方案：在indexMatch中对匹配值做标准化处理：

// 处理行匹配：去除空格+转小写
var rowIndex = lookup.map(function(e) {return e[0]?.trim()?.toLowerCase();}).indexOf(valorBusqueda.trim().toLowerCase());
// 处理列匹配：去除空格+转小写
var col = colIndex.map(item => item?.trim()?.toLowerCase()).indexOf(columnaBusqueda.trim().toLowerCase());

3. 数据范围不匹配导致索引错位 #

检查indexMatch中的数据范围是否对应：

• data = sheet.getRange("D5:BW149").getValues()：该范围列数为75列（BW是第77列）
• colIndex = sheet.getRange("D3:BX3").getValues()[0]：该范围列数为73列（BX是第76列）
  列数不一致会导致data[rowIndex][col]取到错误单元格，甚至无返回值。

修复方案：统一数据范围列数，比如将data改为D5:BX149，确保和colIndex的列数对应。

4. 初始加载时未触发函数调用 #

当前仅在Campo8下拉框触发change事件时才调用indexMatch，页面初始化后span显示的是初始化的空字符串resultado，并非函数返回结果。若需要初始就显示匹配结果，在adicionarProduto函数末尾手动调用一次：

// 在adicionarProduto函数最后添加
google.script.run.withSuccessHandler(function (resultado) {
  resultSpan.textContent = resultado;
}).indexMatch(
  document.getElementById("Campo8").value,
  document.getElementById("cargo").value
);

5. 未捕获函数执行错误 #

当前仅设置了withSuccessHandler，未设置withFailureHandler，若indexMatch执行出错（比如权限问题、范围不存在），前端无法感知，会误以为返回了缺数据。建议添加错误处理：

google.script.run
  .withSuccessHandler(function (resultado) {
    resultSpan.textContent = resultado;
  })
  .withFailureHandler(function (error) {
    resultSpan.textContent = "执行错误：" + error.message;
    console.error(error);
  })
  .indexMatch(
    document.getElementById("Campo8").value,
    document.getElementById("cargo").value
  );

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