Установить ограничение на количество дочерних элементов, которые можно добавить с помощью метода AppendChild()? ⇐ Javascript

[Anonymous]

На моем сайте есть функция поиска, которая принимает вводимый текст и ищет в «документах» соответствующую строку текста, а затем отображает соответствующие элементы в списке. Это работает отлично. Мне просто нужен способ ограничить количество элементов списка, которые можно добавить в список. Например, если есть 4 совпадающих результата, я хочу, чтобы отображались только 2.

Код: Выделить всё

const documents = [
{ id: 1, innerHTML: "[url=/The_Princess]The Princess[/url]" },
{ id: 2, innerHTML: "[url=/The_Player]The Player[/url]" },
{ id: 3, innerHTML: "[url=/The_Narrator]The Narrator[/url]" },
{ id: 4, innerHTML: "[url=/Vessel/Adversary]Vessel: Adversary[/url]" },
];

function performSearch() {
const query = document.getElementById('searchBox').value.toLowerCase();
const results = search(query);
displayResults(results);
}

function search(query) {
return documents.filter(doc => doc.innerHTML.toLowerCase().includes(query));
}

function displayResults(results) {
const resultsElement = document.getElementById('results');
resultsElement.innerHTML = '';
results.forEach(result => {
const listItem = document.createElement('li');
listItem.innerHTML = result.innerHTML;
resultsElement.appendChild(listItem);
});
}

Код: Выделить всё

Search
[list][/list]

Я пробовал использовать listItem.slice(0, 2), innerHTML.slice(0, 2), listItem.innerHTML.slice(0, 2) и resultsElement.slice(0, 2), но они либо ничего не делали, либо ограничивали список только одним элементом, независимо от конечного значения. Есть ли способ ограничить добавление детей?


Подробнее здесь: https://stackoverflow.com/questions/798 ... ppendchild