javascript - 为什么这段代码只显示数组中的最后一个元素？

Question

我有这段代码，我试图在网页上显示

var record = [['Malaysia', 600], ['Germany', 500], ['Russia', 700], ['Canada', 900], ['United States', 300]];

for (var i = 0; i < record.length; i++) {

   var data = google.visualization.arrayToDataTable([
       ['Country', 'Density'],
       [record[i][0], record[i][1]],
       ]);
}

据推测，我想要做的是拥有一个变量“record”，它将按照上面的示例存储一个多维数组。然后，我想在网页上并排显示数组中的所有元素。但是，不知何故它只显示数组的最后一个元素 ['United States', 300]。解决此问题的合适代码是什么？

Answer 1

我认为您不需要循环。只需使用扩展运算符将变量直接传递给函数即可。

var data = google.visualization.arrayToDataTable(
       [
           ['Country', 'Density'],
           ...record,
       ]);