爲什麼我會得到「SyntaxError：Expected token']'」？

Question

我想寫一個腳本來在網站上創建'夜間模式'。

每當我試着運行該腳本，我得到的錯誤

"SyntaxError: Expected token ']'" on line 9.

這行說：

this.pageElements[0] = ['element': document.body, 'background': ['day': '#f1f1f1', 'night': '#0e0e0e']]; 

爲什麼不工作？

這是全碼：

window.nightMode = {}; 

//Functions 
nightMode.init = function() { 
    this.pageElements = []; 

    //Format: ['element': Element, 'background': ['day': Day background color, 'night': Night background color], 'text': ['day': Day text color, 'night': Night text color]]; 
    this.pageElements[0] = { 
     'element': document.body, 
     'background': { 
      'day': '#f1f1f1', 
      'night': '#0e0e0e' 
     } 
    }; 
    this.pageElements[1] = { 
     'element': document.getElementById('yt-masthead-container'), 
     'background': { 
      'day': '#fff', 
      'night': '#000' 
     } 
    }; 
    this.pageElements[2] = { 
     'element': document.getElementById('search-btn'), 
     'background': { 
      'day': '#fff', 
      'night': '#000' 
     } 
    }; 
    this.pageElements[3] = { 
     'element': document.getElementById('masthead-search-terms'), 
     'background': { 
      'day': '#fff', 
      'night': '#000' 
     }, 
     'text': { 
      'day': '#666', 
      'night': '#999' 
     } 
    }; 


    this.isNight = false; 
} 

nightMode.setNight = function() { 
    for (var i = 0; i < this.pageElements.length; i++) { 
     this.pageElements[i].element.style.background = this.pageElements[i].background.night 
     if (this.pageElements[i].text) { 
      this.pageElements[i].element.style.color = this.pageElements[i].text.night 
     } 
    } 
    alert('Night mode'); 

    this.isNight = true; 
} 

nightMode.setDay = function() { 
    for (var i = 0; i < this.pageElements.length; i++) { 
     this.pageElements[i].element.style.background = this.pageElements[i].background.day 
     if (this.pageElements[i].text) { 
      this.pageElements[i].element.style.color = this.pageElements[i].text.day 
     } 
    } 
    alert('Day mode'); 

    this.isNight = false; 
} 

nightMode.toggle = function() { 
    if (this.isNight) { 
     this.setDay(); 
    } else { 
     this.setNight(); 
    } 
} 


//Startup Code 
nightMode.init(); 

nightMode.toggle(); 

Answer 1

數組是有序的列表。對象是關鍵：值對。

您試圖將對象文字的主體放入數組文字中。

改爲使用對象文字{}。

Answer 2

對象文字（鍵/值對）包含在{}中，而不是[];後者僅用於數組（鍵的對象都是非負索引的對象）。因此，它應該是：

this.pageElement[0] = { 
    element: document.body, 
    background: { 
     day: '#f1f1f1', 
     night: '#0e0e0e' 
    } 
};