如何从字母表中选择字母显示该字母的文本？ 原生 JavaScript

Question

我正在从 JASON 中提取文本。 现在我想单击该字母以显示该字母的文本。 例如，如果我单击 A，我想显示 A 的文本。我的 json 示例是：

{
    "id": 1,
    "letter": "A",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget rutr ."
},
{
    "id": 2,
    "letter": "B",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
},

现在我通过 json 循环显示“A”、“B”、“C”，并且效果很好：

   const alphabetHolder = document.querySelector(".alphabet")
    module.data.forEach((letter) => {
        console.log(letter.letter)
        const p = document.createElement("p")
        p.innerHTML = letter.letter
        alphabetHolder.appendChild(p)
    })

再次质疑我：如何点击字母显示来自该 json 的文本？

Answer 1

使用find ：

 const arr = [{ "id": 1, "letter": "A", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget rutr ." }, { "id": 2, "letter": "B", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit" }]; const findByLetter = l => (arr.find(({ letter }) => letter == l) || { text: "" }).text; console.log(findByLetter("A")); console.log(findByLetter("B"));