2 回答

TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊
只是語(yǔ)法錯(cuò)誤。每個(gè)嵌套對(duì)象后面的分號(hào)應(yīng)該只是逗號(hào)??矗?/p>
let allQuestions = {
question1: {
question: 'You should ______ if a large animal is in your path and you cant stop in time.',
ans1: 'Brake hard',
ans2: 'Hit the animal at an angle',
ans3: 'Take your foot of the brakes so it doesnt go through your windshield',
ans4c: 'All of the above'
},
question2: {
question: 'How come motorcyclists often ride in the left part of the lane?',
ans1: 'They can pass cyclists on the right part of the lane'
}, //(optional comma here)
};

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
這里已更正。
let allQuestions = {
question1: {
question: 'You should ______ if a large animal is in your path and you cant stop in time.',
ans1: 'Brake hard',
ans2: 'Hit the animal at an angle',
ans3: 'Take your foot of the brakes so it doesnt go through your windshield',
ans4c: 'All of the above'
},
question2: {
question: 'How come motorcyclists often ride in the left part of the lane?',
ans1: 'They can pass cyclists on the right part of the lane'
}
};
console.log(allQuestions);
但是您是否考慮過(guò)結(jié)構(gòu)本身,使用數(shù)組,以便可以更輕松地迭代代碼。
let allQuestions = [{
question: 'You should ______ if a large animal is in your path and you cant stop in time.',
answers: [{
id: 1,
answer: 'Brake hard'
},
{
id: 2,
answer: 'Hit the animal at an angle'
},
{
id: 3,
answer: 'Take your foot of the brakes so it doesnt go through your windshield'
},
{
id: 4,
answer: 'All of the above'
}
]
},
{
question: 'How come motorcyclists often ride in the left part of the lane?',
answers: [{
id: 1,
answer: 'They can pass cyclists on the right part of the lane'
}]
}
];
console.log(allQuestions);
因此,現(xiàn)在使用數(shù)組,我們可以輕松構(gòu)建HTML
let allQuestions = [{
question: 'You should ______ if a large animal is in your path and you cant stop in time.',
answers: [{
id: 1,
answer: 'Brake hard'
},
{
id: 2,
answer: 'Hit the animal at an angle'
},
{
id: 3,
answer: 'Take your foot of the brakes so it doesnt go through your windshield'
},
{
id: 4,
answer: 'All of the above'
}
]
},
{
question: 'How come motorcyclists often ride in the left part of the lane?',
answers: [{
id: 1,
answer: 'They can pass cyclists on the right part of the lane'
}]
}
];
const getAnswerHtml = (answers) => answers.map(a => `<li id="${a.id}">${a.answer}</li>`).join('');
const getQuestionHtml = (question) => `<div class="question"><h3>${question.question}</h3><ul>${getAnswerHtml(question.answers)}</ul></div>`;
document.querySelector('.questions').innerHTML = allQuestions.map(q => getQuestionHtml(q)).join('');
<div class="questions"></div>
添加回答
舉報(bào)