我不知道為什么我的函數不能讀取quotesdata

Question

我不知道為什么我在 addEventListener 中的函數無法讀取引號數據，這是我在控制台中看到的：

未捕獲的類型錯誤：quotesData[currentQuote] 未定義，這是 js 代碼：

quotesData = [
    {
        quote : `There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a miracle.`,
        name : 'Albert Einstein '
    },
    {
        quote : `Good friends, good books, and a sleepy conscience: this is the ideal life.`,
        name : 'Mark Twain'
    },
    {
        quote : `Life is what happens to us while we are making other plans.`,
        name : 'Allen Saunders '
    },
    {
        quote : `It's not the load that breaks you down, it's the way you carry it.`,
        name : 'Lou Holt'
    },
    {
        quote : `Try not to become a man of success. Rather become a man of value.`,
        name : 'Albert Einstein '
    },   
]
/* important variables */ 
let currentQuote = quotesData[0];
const quoteText = document.getElementById('quote');
const quotebtn = document.getElementById('q-btn');
const quotespan = document.getElementById('q-span');

/* this the main function its usefulness is show a quote from quotesData evrey time you click on the button*/ 
quotebtn.addEventListener('click' , () => {
    quoteText.innerText = quotesData[currentQuote].quote;
    quotespan.innerText = quotesData[currentQuote].name; 
    
    currentQuote = (currentQuote + 1 ) % quotesData.length;
});

Answer 1

您需要在currentQuote存儲索引，而不是當前報價的對象：

 quotesData = [ { quote : `There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a miracle.`, name : 'Albert Einstein ' }, { quote : `Good friends, good books, and a sleepy conscience: this is the ideal life.`, name : 'Mark Twain' }, { quote : `Life is what happens to us while we are making other plans.`, name : 'Allen Saunders ' }, { quote : `It's not the load that breaks you down, it's the way you carry it.`, name : 'Lou Holt' }, { quote : `Try not to become a man of success. Rather become a man of value.`, name : 'Albert Einstein ' }, ] /* important variables */ let currentQuote = 0; const quoteText = document.getElementById('quote'); const quotebtn = document.getElementById('q-btn'); const quotespan = document.getElementById('q-span'); /* this the main function its usefulness is show a quote from quotesData evrey time you click on the button*/ quotebtn.addEventListener('click' , () => { quoteText.innerText = quotesData[currentQuote].quote; quotespan.innerText = quotesData[currentQuote].name; currentQuote = (currentQuote + 1) % quotesData.length; });

 <button id="q-btn">New quote</button> <div id="q-span"></div> <div id="quote"></div>

Answer 2

我不確定，但我認為您可能使用的是“密鑰”而不是“密鑰”。 我認為您可能希望將開頭和結尾的所有引號更改為 " 以確保安全。我可能不對，但這是我能想到的唯一解決方案。