主页 / 问题 / 1593856
Accepted
alexWithoutBeard
Asked:2024-09-15 14:29:44 +0000 UTC2024-09-15 14:29:44 +0000 UTC

如何根据单词的第一个字母形成单独的单词列表[重复]

  • 772

我需要在不同的 ul 列表中显示以相同字母开头的单词 

 let fLetter = [] // массив для первых букв слова
  const array = ["apple", "apricot", "avocado", 'banana', 'bekon', 'chery']
    for (const m of array) {
        fLetter.push(m.charAt(0)) // пушим в массив первые буквы слов
    }
     console.log(fLetter) // вывожу в консоль все первые буквы
  const out = array.filter((el) => {
    let count = 0;
    if(el[count] === fLetter[count]) //  думаю), что сравниваю первую букву из массива слов и буквы из массива букв
    count++
    let ul = document.createElement("ul"); 
    let newtextitem = document.createElement('li') 
    newtextitem.textContent = el
    ul.appendChild(newtextitem)
    document.body.appendChild(ul)
  });
我记得解决过类似的任务，但我找不到）

我感觉就像《禁果》系列中 Smeshariki 的 Losyash。看来我已经厌倦了编程，但又停不下来）

javascript

1 个回答

  1. Best Answer

    您正在为每个元素创建一个新列表，并且需要首先按第一个字母对元素进行分组，然后为每个组创建一个列表。

    const array = ["apple", "apricot", "avocado", 'banana', 'bekon', 'chery'];

// Объект для группировки слов по первой букве
let groupedWords = {};

for (const word of array) {
    const firstLetter = word.charAt(0);
    if (!groupedWords[firstLetter]) {
        groupedWords[firstLetter] = []; // Если ещё нет группы, создаём её
    }
    groupedWords[firstLetter].push(word);
}

for (const letter in groupedWords) {
    const ul = document.createElement("ul"); // Создаём новый <ul> для каждой группы
    const title = document.createElement("h3");
    title.textContent = `Words that start with "${letter}":`; // Заголовок для списка
    document.body.appendChild(title);

    groupedWords[letter].forEach(word => {
        const li = document.createElement('li');
        li.textContent = word;
        ul.appendChild(li); 
    });

    document.body.appendChild(ul); // Добавляем <ul> на страницу
}

    • 1

相关问题