Run results for: display_quantity_test

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Windows

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
case 1	663632.3 Ops/sec
case 2	520413.7 Ops/sec

HTML Preparation code:

<div class="anime-wrapper active"></div>
<div class="anime-wrapper active"></div>
<div class="anime-wrapper active"></div>
<p id="anime-number"><span id="number"></span> anime</p>

Tests:

case 1
const animeList = [ { level: 'S+', imgP: 'center', link: 'https://myanimelist.net/anime/21/One_Piece', name: 'One Piece', tags: ['Action', 'Fantasy', 'Adventure', 'Comedy', 'Drama'], quote: { content: 'If I die here, then I\'m a man that could only make it this far.', author: 'Zoro Roronoa' } }, { level: 'S+', imgP: 'center', link: 'https://myanimelist.net/anime/1735/Naruto__Shippuuden', name: 'Naruto', tags: ['Action', 'Comedy', 'Supernatural'], }, { level: 'S', imgP: 'center', link: 'https://myanimelist.net/anime/223/Dragon_Ball', name: 'Dragon Ball', tags: ['Action', 'Fantasy', 'Comedy', 'Martial Art', 'Supernatural', 'Adventure', 'Science Fiction'], }, ] const TagsList = [ { tagName: 'Slice of Life', tagValue: true }, { tagName: 'Romance', tagValue: true }, { tagName: 'Comedy', tagValue: true }, { tagName: 'Action', tagValue: true }, { tagName: 'School', tagValue: true }, { tagName: 'Harem', tagValue: true }, { tagName: 'Psychological', tagValue: true }, { tagName: 'Fantasy', tagValue: true }, { tagName: 'Drama', tagValue: true }, { tagName: 'Supernatural', tagValue: true }, { tagName: 'Martial Art', tagValue: true }, { tagName: 'Science Fiction', tagValue: true }, { tagName: 'Adventure', tagValue: true }, { tagName: 'Mecha', tagValue: true }, { tagName: 'Music', tagValue: true }, { tagName: 'Detective', tagValue: true }, { tagName: 'Military', tagValue: true }, { tagName: 'Game', tagValue: true }, { tagName: 'Otome', tagValue: true }, { tagName: 'Food', tagValue: true }, { tagName: 'Isekai', tagValue: true }, { tagName: 'Ecchi', tagValue: true }, { tagName: 'Horror', tagValue: true }, { tagName: 'Historical', tagValue: true }, { tagName: 'Sport', tagValue: true } ] const $ = document.querySelector.bind(document) function activeValue(index) { return TagsList.some(tag => animeList[index].tags.includes(tag.tagName) && tag.tagValue) } $('#number').innerText = animeList.filter((a, index) => activeValue(index)).length
case 2
const $ = document.querySelector.bind(document) const $$ = document.querySelectorAll.bind(document) $('#number').innerText = $$('.anime-wrapper.active').length

Run results for: display_quantity_test

case 1

case 2