Javascript 将数组的值传递到HTML文本框

假设我有一个填充数组的函数

function 1(){
  var array = []
  //do things 
  //array.push("stuffs")

如何将此数组传递或迭代到HTML文本框中

---

为清晰起见编辑

我正在使用谷歌应用程序脚本。 我有一个运行服务器端的.gs文件。 我有一个填充UI的.html文件

在.gs文件中，我根据google工作表中的信息填充了一个数组

一旦我有了这个数组，我想在.html文件中填充一个文本框

我对html的理解大约有12个小时，所以我可能还不足以正确地表达我的问题

Code.gs：

function doGet() {
  var t = HtmlService.createTemplateFromFile('index');
  t.data = SpreadsheetApp
      .openById('1234567890abcdefghijklmnopqrstuvwxyz')
      .getActiveSheet()
      .getDataRange()
      .getValues();
  return t.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

index.html：

<table>
  <? for (var i = 0; i < data.length; i++) { ?>
    <tr>
      <? for (var j = 0; j < data[i].length; j++) { ?>
        <td><?= data[i][j] ?></td>
      <? } ?>
    </tr>
  <? } ?>
</table>

我想你可以用同样的方法输入

var html=''；
var数组=['apple'，'peach'，'pear']；
$.each（数组、函数（索引、项）{
html+=''；
});
$（'body'）.append（html）；

---

传递到单个或多个文本框中？传递是什么意思？你真正想要什么？我不这么认为。阵列在服务器端填充。HTML是在客户端提供的，对吗？那么为什么不在客户端填充数组呢？我可以看出，我甚至不太理解这一点，无法清楚地表达我想要什么。我将编辑帖子以澄清。因此，我的数组是在服务器端函数（谷歌应用程序脚本）中，我需要将该数组推送到HTML（客户端）。我对jquery知之甚少，甚至弄不清楚这里发生了什么。

var html = '';
var array=['apple', 'peach','pear'];
$.each(array, function(index, item){
  html+='<input type="text" value="' + item + '"/>';  
});
$('body').append(html);