javascript - 如何使用 Javascript 打印表格，并且没有 DOM 交互

Question

我正在编写一个小程序来输出这样的表格: (这就是我想要的!)

到目前为止，这是我的(不正确的)代码:

var daysOfWeek = ['Mon', 'Tue', 'Wed', 'Thu']
var time = ['9am', '10am', '11am', '12pm', '1pm', '2pm'];

for(i = 0; i < 1; i++) {
  console.log("     "+daysOfWeek.join('  '));
   for (j = 0; j < time.length; j++ ) {
     if ((time[j] === '9am' || time[j] === '2pm') && (daysOfWeek[i] === 'Mon')) {
      console.log(time[j], 'Bowser');
     } else {
       console.log(time[j]);
     }
  }
}

这是我从我的代码中收到的输出:

我不知道如何在第一栏中记录Maggie，我也不知道如何 遍历图表以添加 Fifi 和 Spike。另外，我的代码真的很乱......

谁能帮我找到一种干净、高效的方式来打印表格？

Answer 1

您需要一个数据结构来保存遛狗时间表。您可以使用嵌套对象:

var schedule = {
    Mon: {
        '10am': 'Bowser',
        '2pm': 'Maggie'
    },
    Tue: {
        '11am': 'Fifi'
    },
    Wed: {
        '12pm': 'Spike'
    },
    'Thu': {
    }
}

然后您的循环可以将每个时间段与时间表中的内容相匹配。

console.log("\t"+daysOfWeek.join('\t'));
for (j = 0; j < times.length; j++) {
    line = times[j];
    for (i = 0; i < daysOfWeek.length; i++) {
        if (schedule[daysOfWeek[i]][times[j]]) {
            lines += "\t" + schedule[daysOfWeek[i]][times[j]];
        } else {
            lines += "\t\t";
        }
    }
    console.log(line);
}