如何使用对象属性作为函数参数？

Question

解决方案

感谢瓦迪姆。我不得不将months[i].anArray[b] 更改为months[i][anArray][b]

我有一个月份数组，其中包含每个月的一个对象。每个月都有许多属性，包括数组，例如：

months[0].consumptionPerHour 返回 24 个值，可以通过 months[0].consumptionPerHour[0-23] 访问

我正在尝试创建一个创建表的函数，该函数将表的名称和我希望访问的数组的名称作为函数的参数，如下所示：

function tableMaker(tableName, anArray) {
  $("#outputs").append(
    "<table id='table" + totalTables + "'>"
    "<tr id='header" + totalTables + "'><td>" + tableName + "</td>"
  );
  for(i=0;i<12;i++) {
    $("#header" + totalTables).append("<td>" + months[i].shortName + "</td>");
  }
  for(b=0;b<24;b++) {
    $("#table" + totalTables).append(
      "<tr id='table" + totalTables + "row" + b + "'><td>" + hours[b] + "</td>"
    );
    for(i=0;i<12;i++) {
      $("#table" + totalTables + "row" + b).append("<td>" + months[i].anArray[b] + "</td>");
    }
  }
}

由于某种原因，如果我将我知道存在的属性名称作为参数传递，例如 tableMaker('Consumption', consumptionPerHour)，它只会返回以下内容：

Uncaught ReferenceError: consumptionPerHour is not defined
    at <anonymous>:1:22

但是，这是通过控制台返回的：

months[0].consumptionPerHour
(24) [0.1567002086212712, 0.1567118400503239, ...]

months[0].consumptionPerHour[0]
0.1567002086212712

Answer 1

要使用变量访问对象属性，您需要使用[] 表示法，并且变量需要是字符串

所以我认为你想要的是

tableMaker('Consumption', 'consumptionPerHour')

然后在函数中使用：

months[i][anArray][b]

Answer 2

看起来“consumptionPerHour”是“months”数组中的一个数组。而且看起来您可以访问函数中的月份数组，而无需将其作为参数传递。所以函数看起来像这样：

function tableMaker(tableName) {
  $("#outputs").append(
    "<table id='table" + totalTables + "'>"
    "<tr id='header" + totalTables + "'><td>" + tableName + "</td>"
  );
  for(i=0;i<12;i++) {
    $("#header" + totalTables).append("<td>" + months[i].shortName + "</td>");
  }
  for(b=0;b<24;b++) {
    $("#table" + totalTables).append(
      "<tr id='table" + totalTables + "row" + b + "'><td>" + hours[b] + "</td>"
    );
    for(i=0;i<12;i++) {
      $("#table" + totalTables + "row" + b).append("<td>" + months[i].consumptionPerHour[b] + "</td>");
    }
  }
}