javascript - 无法弄清楚为什么 JS 会提示对象未定义

Question

当我尝试将对象推送到数组时，出现以下错误。

Uncaught TypeError: Cannot read property 'push' of undefined at HTMLButtonElement.setTimes

...但是据我所知，push (times) 的属性已定义。那么问题出在哪里呢？这是我的代码

let timeDB = {
  mon: [],
  tue: [],
  wed: [],
  thu: [],
  fri: [],
  sat: [],
  sun: []
};

// Save times to database
let setTimes = function(){
  let inputs = document.getElementsByClassName('timeContainer'); 
  //console.log(inputs);
  for(let i = 0; i < inputs.length; i++) {
    let day = inputs[i].parentNode.id;
    //console.log(day);
    let times = {
      start: inputs[i].childNodes[0].value,
      end: inputs[i].childNodes[1].value
    };
    console.log(times);
    timeDB.day.push(times);
    //console.log(inputs[i].parentNode.id + " " + "start time: " + inputs[i].childNodes[0].value);
    //console.log(inputs[i].parentNode.id + " " + "end time: " + inputs[i].childNodes[1].value);
    //console.log(inputs[i].parentNode.id);
  }
};

let saveButton = document.getElementById("saveTimes").addEventListener( 'click', setTimes );

这是完整的fiddle

谢谢

Answer 1

使用:timeDB[day].push(times);