javascript - 如何在不使用 eval 的情况下连接字符串？

Question

如何连接这些字符串以从变量中获取值。我想避免使用 eval，因为你们中的许多人并不热衷于使用它。

function getLesson() {
    var lesson = "lesson" + localStorage.lessonNGS;
    document.getElementById("lessonNumber").innerHTML = "Lesson " + (eval(lesson + "." + number));
    document.getElementById("lessonTitle").innerHTML = (eval(lesson + "." + title));
    document.getElementById("lessonScore").src = (eval(lesson + "." + score));
    document.getElementById("mp3").src = (eval(lesson + "." + trackmp3));
    document.getElementById("ogg").src = (eval(lesson + "." + trackogg));
    document.getElementById("lessonTrack").load();
}

这行得通，但有人告诉我它会导致我在某些浏览器中发生冲突。

Answer 1

简单地删除评估

// Demo data
localStorage.setItem("lessonNGS",1);

var lesson1 = {
    number: "1",
    title: "Quarter Notes",
    score: "scores/01_quarternotes.jpg",
    trackmp3: "tracks/mp3/01_quarternotekeyexercises.mp3",
    trackogg: "tracks/ogg/01_quarternotekeyexercises.ogg"
};

function getLesson() {
    debugger;
    var lesson = window["lesson" + localStorage.lessonNGS];
    document.getElementById("lessonNumber").innerHTML = "Lesson " + lesson.number;
    document.getElementById("lessonTitle").innerHTML = lesson.title;
    document.getElementById("lessonScore").src = lesson.score;
    document.getElementById("mp3").src = lesson.trackmp3;
    document.getElementById("ogg").src = lesson.trackogg;
    document.getElementById("lessonTrack").load();
}