Как правильно создать объект

document.addEventListener('DOMContentLoaded', doIt); 
 
var someObj = {}; 
 
function doIt() { 
  document.querySelector('#add').addEventListener('click', function() { 
    var id = document.querySelector('[name="id"]').value; 
    var _date1 = document.querySelector('[name="date1"]').value; 
    var _date2 = document.querySelector('[name="date2"]').value; 
 
    // если свойство обьекта someObj с именем id не существует 
    // создаем его и присваеваем ему пустой массив 
    if (someObj[id] === undefined) { 
      someObj[id] = []; 
    } 
 
    // тут пробегаем по массиву, смотрим есть ли уже такой елемент 
    // если есть то не добавляем (эт от себя добавил) 
    var add = true; 
    if (someObj[id].length > 0) { 
      someObj[id].forEach(function(e) { 
        if (e.date1 == _date1 && e.date2 == _date2) { 
          add = false; 
        } 
      }); 
    } 
 
    // пушим наши даты в наш ид  
    if (add) 
      someObj[id].push({ 
        date1: _date1, 
        date2: _date2 
      }); 
 
  }); 
 
  document.querySelector('#print').addEventListener('click', function() { 
    console.log(someObj); 
  }); 
};

ID:<input name="id" /><br/> Date: 
<input name="date1" /><br/> Date2: 
<input name="date2" /><br/> 
<button id="add">add to object</button><br/> 
<button id="print">print object in console</button> 
<br/> 
<div id="data"></div>