动态调用变量

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/ edit语句编辑其中的一个元素。我知道所有这些变量的开头都是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

您可以尝试在map声明中覆盖元素并动态调用它们。

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…");
};