动态调用变量

Question

我在创建“动态变量”时需要帮助，我什至不确定在JavaScript中是否可行，但如果有人知道该怎么做，请帮忙?。这是我需要的示例。

1. 假设我们从DOM中选择了3个元素。

let person1 = document.querySelector(".person-1");
let person2 = document.querySelector(".person-2");
let person3 = document.querySelector(".person-3");

1. 我们要使用if / else语句编辑这些元素之一。 我知道所有这些变量的开头都是person，但是结尾不同（1,2,3），如何动态调用适当的变量？

Let endOfName = 3;

// ***Problem Below***
If(person[endOfName] === “Anything”){
    console.log("Do whatever…");
};

// ***What I want***
If(person3 === “Anything”){
    console.log("Do whatever…");
};

Answer 1

您可以尝试覆盖地图声明中的元素并动态调用它们

let personMap = {
    person1: document.querySelector(".person-1"),
    person2: document.querySelector(".person-2"),
    person3: document.querySelector(".person-3")
}


If(personMap[`person${endOfName}`] === “Anything”){
    console.log("Do whatever…");
};