Question

我有两个用户输入：

userInput1：活动类型（例如游泳）
userInput2：花费在活动上的小时数（2）

我想收集这些输入值以使用采用这样的预定义格式的Google Charts API创建动态图表，

[["swimming", 2], ["twerking", 10]]

我使用的是香草JS，重点放在ES6上，因此我尝试使用map和reduce，但感觉非常卡住。以下来自Google Charts API的文档：

var data = new google.visualization.DataTable();
data.addColumn('string', 'Pizza');
data.addColumn('number', 'Populartiy');
data.addRows([
    ['Pepperoni', 33],
    ['Hawaiian', 26],
    ['Mushroom', 22],
    ['Sausage', 10], // Below limit.
    ['Anchovies', 9] // Below limit.
]);

Answer 1

您应该创建一个包含这些输入值的数组。

var userData = [];

for (int i = 0; i < inputSize; i++){
    var userInput1 = ... ; // get the input for the type of activity here
    var userInput2 = ... ; // get the input for number of hours spend on the activity
    var userInputData = [userInput1, userInput2];
    userData.push(userInputData);
}

然后可以将“ userData”变量用作“ addRows”方法的参数。

var data = new google.visualization.DataTable();
  data.addColumn('string', 'Pizza');
  data.addColumn('number', 'Populartiy');
  data.addRows(userData);

如何将来自2个不同输入的值推入这样的数组集[“ one”，2]

1 个答案: