在Google Apps Script中实现模态对话框打印数组所有值的方法

我懂你碰到的麻烦了——你循环里每次调用showModalDialog，其实会把之前的对话框直接替换掉，等循环跑完，自然就只剩最后那一个数组值的对话框啦。

问题根源 #

原来的代码里，每一次循环都新建一个HtmlOutput并弹出模态框，但Google Apps Script的模态对话框是独占式的，新对话框弹出时会直接覆盖旧的，而且循环执行速度很快，你根本来不及看到前面的内容，最后就只留下最后一次的结果。

正确的做法：一次显示所有数组内容 #

我们应该先把数组里的所有值整合到同一个HTML内容里，再一次性弹出对话框，这样就能看到全部内容了。

基础实现（简单排版）

// 假设你的arr已经定义好，比如var arr = [0, 1, 2, ..., 9];
// 把数组每个元素转成段落标签，拼接成完整HTML
var htmlContent = arr.map(item => `<p>${item}</p>`).join('');
// 创建HTML输出
var htmlOutput = HtmlService.createHtmlOutput(htmlContent);
// 一次性弹出对话框
SpreadsheetApp.getUi().showModalDialog(htmlOutput, '数组所有值');

进阶实现（列表样式+自定义大小）

如果想要更清晰的排版，比如用列表展示，还可以自定义对话框的尺寸：

var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; // 示例数组
// 构建无序列表的HTML
var htmlContent = `<ul>${arr.map(item => `<li>${item}</li>`).join('')}</ul>`;
// 创建带样式的HTML输出，设置宽高
var htmlOutput = HtmlService.createHtmlOutput(htmlContent)
  .setWidth(300)
  .setHeight(400);
// 弹出对话框
SpreadsheetApp.getUi().showModalDialog(htmlOutput, '测试：数组所有值');

这样修改后，所有数组元素都会在同一个模态对话框里显示出来，不会再被覆盖啦～

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