如何从字母表中选择字母显示该字母的文本？香草 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"));