Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Test-90923423
(version: 0)
Comparing performance of:
replaceAll str vs replaceAll regex
Created:
one year ago
by:
Guest
Jump to the latest result
Script Preparation code:
const str = `<a class="tnb-menu-btn w3-bar-item w3-button bar-item-hover w3-padding-16 ga-top ga-top-menu" href="javascript:void(0)" onclick="TopNavBar.openMenu()" title="Menu" aria-label="Menu" role="button" > <a href="https://spaces.w3schools.com/space/" class="user-authenticated tnb-spaces-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-spaces" title="Go to Your W3Schools Space" aria-label="Go to Your W3Schools Space" > <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512" aria-hidden="true" > <nav id="tnb-mobile-nav" class="tnb-mobile-nav w3-hide" > <div class="w3-container"> <a href="https://pathfinder.w3schools.com" class="user-authenticated w3-button w3-hide ga-top ga-top-dashboard" title="My W3Schools" aria-label="My W3Schools" > <input type="hidden" name="dafaq" value=""> <span class="tnb-title">My W3Schools</span> </a> <div class="tnb-mobile-nav-section" data-section="tutorials" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-tut-and-ref" onclick="TopNavBar.toggleMobileNav(event, 'tutorials');" aria-label="Tutorials" role="button" > <span class="tnb-title">Tutorials</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> `
Tests:
replaceAll str
const str = `<a class="tnb-menu-btn w3-bar-item w3-button bar-item-hover w3-padding-16 ga-top ga-top-menu" href="javascript:void(0)" onclick="TopNavBar.openMenu()" title="Menu" aria-label="Menu" role="button" > <a href="https://spaces.w3schools.com/space/" class="user-authenticated tnb-spaces-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-spaces" title="Go to Your W3Schools Space" aria-label="Go to Your W3Schools Space" > <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512" aria-hidden="true" > <nav id="tnb-mobile-nav" class="tnb-mobile-nav w3-hide" > <div class="w3-container"> <a href="https://pathfinder.w3schools.com" class="user-authenticated w3-button w3-hide ga-top ga-top-dashboard" title="My W3Schools" aria-label="My W3Schools" > <input type="hidden" name="dafaq" value=""> <span class="tnb-title">My W3Schools</span> </a> <div class="tnb-mobile-nav-section" data-section="tutorials" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-tut-and-ref" onclick="TopNavBar.toggleMobileNav(event, 'tutorials');" aria-label="Tutorials" role="button" > <span class="tnb-title">Tutorials</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> ` const html = str.replaceAll(`<input type="hidden" name="_token" value=""`,`<input type="hidden" name="_token" value="test"`);
replaceAll regex
const str = `<a class="tnb-menu-btn w3-bar-item w3-button bar-item-hover w3-padding-16 ga-top ga-top-menu" href="javascript:void(0)" onclick="TopNavBar.openMenu()" title="Menu" aria-label="Menu" role="button" > <a href="https://spaces.w3schools.com/space/" class="user-authenticated tnb-spaces-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-spaces" title="Go to Your W3Schools Space" aria-label="Go to Your W3Schools Space" > <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512" aria-hidden="true" > <nav id="tnb-mobile-nav" class="tnb-mobile-nav w3-hide" > <div class="w3-container"> <a href="https://pathfinder.w3schools.com" class="user-authenticated w3-button w3-hide ga-top ga-top-dashboard" title="My W3Schools" aria-label="My W3Schools" > <input type="hidden" name="dafaq" value=""> <span class="tnb-title">My W3Schools</span> </a> <div class="tnb-mobile-nav-section" data-section="tutorials" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-tut-and-ref" onclick="TopNavBar.toggleMobileNav(event, 'tutorials');" aria-label="Tutorials" role="button" > <span class="tnb-title">Tutorials</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <div id="sectionxs_tutorials" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="exercises" > <div class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz" onclick="TopNavBar.toggleMobileNav(event, 'exercises')" aria-label="Exercises" role="button" > <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <span class="tnb-title">Exercises</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <input type="hidden" name="dafaq" value="" data-v-xxxxxx=""> <div id="sectionxs_exercises" class="tnb-mobile-nav-section-body" > </div> </div> <div class="tnb-mobile-nav-section" data-section="certified" > <div class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course" onclick="TopNavBar.toggleMobileNav(event, 'certified')" aria-label="Certificates" role="button" > <span class="tnb-title">Certificates</span> <i class="tnb-icon fa fa-caret-down" aria-hidden="true" ></i> </div> <div id="sectionxs_certified" class="tnb-mobile-nav-section-body" > </div> </div> ` const html = str.replaceAll(/<input type="hidden" name="_token" value="".*>/g,`<input type="hidden" name="_token" value="test">`);
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
replaceAll str
replaceAll regex
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one year ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36
Browser/OS:
Chrome 125 on Mac OS X 10.15.7
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
replaceAll str
226842.2 Ops/sec
replaceAll regex
102132.3 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
It seems you have two HTML strings with and without a specific regex pattern to be replaced. The first string has the following regex pattern: `<input type="hidden" name="_token" value="" data-v-xxxxxx="` The second string is an array of benchmark results, but I'm assuming you want me to analyze one of them. Let's take the first HTML string with the regex pattern: ```html <input type="hidden" name="_token" value="" data-v-xxxxxx=""> ``` And the replacement string: ``` < input type = "hidden" name = "_token" value = "test" data - v - xxxxxx = "" > ``` The differences between the two are: * `data-v-xxxxxx="` is replaced with an empty string. * There's a space before `input type` in the replacement. Here's the corrected HTML string with the regex pattern replaced: ```html < input type = "hidden" name = "_token" value = "test" data - v - xxxxxx = "" > ``` Please note that this replacement will result in an invalid or broken HTML element, as `data-v-xxxxxx=""` is not a valid attribute. The original intention might have been to remove the `data-v-xxxxxx` attribute entirely, but adding spaces around attributes is generally considered bad practice. If you could provide more context about what you're trying to achieve with this regex pattern, I'd be happy to help further.
Related benchmarks:
querySelector vs getElementsByClassName - large HTML
data vs class
TreeWalker vs querySelectorAll (* all elements) 2
querySelectorAll vs getElementsByTagName vs filtering
Comments
Confirm delete:
Do you really want to delete benchmark?