String.prototype.replaceAll = function(search, replacement) { var target = this; return target.replace(new RegExp(search, 'g'), replacement);};"this is it".replace(/ /g, "+");"this is it".replaceAll(" ", "+");"this is it".split(" ").join("+");"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae ullamcorper ante. Pellentesque quis sem vel est ultrices porta vitae dapibus massa. Donec molestie semper ipsum at luctus. Phasellus nunc turpis, vestibulum vitae enim vitae, pulvinar gravida odio. Mauris id vestibulum risus, in pretium velit. Aenean pulvinar sollicitudin pharetra. Vivamus non mi in tellus efficitur interdum. Cras sagittis nisi eu ligula rutrum feugiat. Curabitur scelerisque porta dolor nec luctus. Proin consectetur, nibh ac malesuada sollicitudin, arcu odio placerat nisl, in rhoncus dui elit in turpis. Aenean vitae luctus quam. Sed vulputate ex quis suscipit lobortis. Donec pretium bibendum lorem sagittis sodales. Ut pellentesque ultrices convallis. Vivamus sit amet aliquet diam, vel dapibus mauris. In finibus, mauris sed efficitur porttitor, magna nunc ultricies magna, et dictum justo nulla vitae nisi. Phasellus ornare commodo sodales. Mauris congue, mi ac viverra euismod, odio elit pulvinar sapien, eu tincidunt ipsum augue non dui. Curabitur tempor facilisis leo et ullamcorper. Praesent sit amet porta lectus. Donec rhoncus eget tellus porttitor convallis. Sed tincidunt orci nec nibh aliquam consequat. Quisque ut rutrum velit, vitae faucibus mi. Fusce molestie consequat ante vitae blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu rutrum neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur rutrum sem quis diam ornare, et fringilla turpis pretium. Ut mollis diam leo, nec rutrum lectus malesuada id. Donec nec placerat tellus, pretium laoreet justo. Morbi tincidunt sapien at ullamcorper euismod. Morbi porttitor tellus at aliquet mollis. Vestibulum pellentesque, tortor quis sollicitudin condimentum, augue purus consectetur dolor, vitae condimentum tellus urna sed lacus. Etiam vestibulum justo at lorem lacinia pulvinar. Ut dictum consequat orci, nec blandit arcu tincidunt cursus. Maecenas ac risus magna. In sagittis urna vitae augue scelerisque dictum. Donec eget diam nisl. Proin ac vehicula est. Quisque tincidunt elit quis odio accumsan, a pulvinar justo malesuada. Aenean nisi ipsum, dignissim et leo non, consectetur pulvinar ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sagittis volutpat tortor, ac egestas odio rhoncus imperdiet. Sed efficitur dolor ac velit pellentesque, at facilisis dui laoreet. Donec nec ultrices dui. Aenean convallis est libero, ut sagittis mi feugiat non. Morbi dignissim pharetra felis. Suspendisse potenti. Suspendisse vehicula eget tortor sit amet ultrices. Praesent commodo scelerisque ultricies. Nulla vel odio sed est vulputate dictum. Phasellus tincidunt placerat urna. Quisque semper posuere aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eu mauris et leo ultricies luctus. Proin sit amet semper lectus, vitae feugiat nibh. Aenean commodo felis lectus, eu semper lectus gravida quis. Nam luctus fermentum justo, ac semper massa vehicula in. Nunc a aliquet arcu, in faucibus erat. Duis vitae elit faucibus, ultricies sapien vitae, congue sem. Curabitur id felis eu elit sodales mattis consequat tincidunt elit. Praesent convallis erat posuere sapien ullamcorper, vel sodales elit mattis. Vestibulum molestie urna vel pharetra lacinia. Curabitur sodales pulvinar diam in tempor. Duis tristique vulputate tellus, id elementum dui tincidunt a. Fusce maximus imperdiet dictum. Praesent dui sapien, congue id nibh nec, dignissim aliquam diam. Maecenas ut augue ligula.".replace(/ /g, "+");"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae ullamcorper ante. Pellentesque quis sem vel est ultrices porta vitae dapibus massa. Donec molestie semper ipsum at luctus. Phasellus nunc turpis, vestibulum vitae enim vitae, pulvinar gravida odio. Mauris id vestibulum risus, in pretium velit. Aenean pulvinar sollicitudin pharetra. Vivamus non mi in tellus efficitur interdum. Cras sagittis nisi eu ligula rutrum feugiat. Curabitur scelerisque porta dolor nec luctus. Proin consectetur, nibh ac malesuada sollicitudin, arcu odio placerat nisl, in rhoncus dui elit in turpis. Aenean vitae luctus quam. Sed vulputate ex quis suscipit lobortis. Donec pretium bibendum lorem sagittis sodales. Ut pellentesque ultrices convallis. Vivamus sit amet aliquet diam, vel dapibus mauris. In finibus, mauris sed efficitur porttitor, magna nunc ultricies magna, et dictum justo nulla vitae nisi. Phasellus ornare commodo sodales. Mauris congue, mi ac viverra euismod, odio elit pulvinar sapien, eu tincidunt ipsum augue non dui. Curabitur tempor facilisis leo et ullamcorper. Praesent sit amet porta lectus. Donec rhoncus eget tellus porttitor convallis. Sed tincidunt orci nec nibh aliquam consequat. Quisque ut rutrum velit, vitae faucibus mi. Fusce molestie consequat ante vitae blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu rutrum neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur rutrum sem quis diam ornare, et fringilla turpis pretium. Ut mollis diam leo, nec rutrum lectus malesuada id. Donec nec placerat tellus, pretium laoreet justo. Morbi tincidunt sapien at ullamcorper euismod. Morbi porttitor tellus at aliquet mollis. Vestibulum pellentesque, tortor quis sollicitudin condimentum, augue purus consectetur dolor, vitae condimentum tellus urna sed lacus. Etiam vestibulum justo at lorem lacinia pulvinar. Ut dictum consequat orci, nec blandit arcu tincidunt cursus. Maecenas ac risus magna. In sagittis urna vitae augue scelerisque dictum. Donec eget diam nisl. Proin ac vehicula est. Quisque tincidunt elit quis odio accumsan, a pulvinar justo malesuada. Aenean nisi ipsum, dignissim et leo non, consectetur pulvinar ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sagittis volutpat tortor, ac egestas odio rhoncus imperdiet. Sed efficitur dolor ac velit pellentesque, at facilisis dui laoreet. Donec nec ultrices dui. Aenean convallis est libero, ut sagittis mi feugiat non. Morbi dignissim pharetra felis. Suspendisse potenti. Suspendisse vehicula eget tortor sit amet ultrices. Praesent commodo scelerisque ultricies. Nulla vel odio sed est vulputate dictum. Phasellus tincidunt placerat urna. Quisque semper posuere aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eu mauris et leo ultricies luctus. Proin sit amet semper lectus, vitae feugiat nibh. Aenean commodo felis lectus, eu semper lectus gravida quis. Nam luctus fermentum justo, ac semper massa vehicula in. Nunc a aliquet arcu, in faucibus erat. Duis vitae elit faucibus, ultricies sapien vitae, congue sem. Curabitur id felis eu elit sodales mattis consequat tincidunt elit. Praesent convallis erat posuere sapien ullamcorper, vel sodales elit mattis. Vestibulum molestie urna vel pharetra lacinia. Curabitur sodales pulvinar diam in tempor. Duis tristique vulputate tellus, id elementum dui tincidunt a. Fusce maximus imperdiet dictum. Praesent dui sapien, congue id nibh nec, dignissim aliquam diam. Maecenas ut augue ligula.".replaceAll(" ", "+");"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae ullamcorper ante. Pellentesque quis sem vel est ultrices porta vitae dapibus massa. Donec molestie semper ipsum at luctus. Phasellus nunc turpis, vestibulum vitae enim vitae, pulvinar gravida odio. Mauris id vestibulum risus, in pretium velit. Aenean pulvinar sollicitudin pharetra. Vivamus non mi in tellus efficitur interdum. Cras sagittis nisi eu ligula rutrum feugiat. Curabitur scelerisque porta dolor nec luctus. Proin consectetur, nibh ac malesuada sollicitudin, arcu odio placerat nisl, in rhoncus dui elit in turpis. Aenean vitae luctus quam. Sed vulputate ex quis suscipit lobortis. Donec pretium bibendum lorem sagittis sodales. Ut pellentesque ultrices convallis. Vivamus sit amet aliquet diam, vel dapibus mauris. In finibus, mauris sed efficitur porttitor, magna nunc ultricies magna, et dictum justo nulla vitae nisi. Phasellus ornare commodo sodales. Mauris congue, mi ac viverra euismod, odio elit pulvinar sapien, eu tincidunt ipsum augue non dui. Curabitur tempor facilisis leo et ullamcorper. Praesent sit amet porta lectus. Donec rhoncus eget tellus porttitor convallis. Sed tincidunt orci nec nibh aliquam consequat. Quisque ut rutrum velit, vitae faucibus mi. Fusce molestie consequat ante vitae blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu rutrum neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur rutrum sem quis diam ornare, et fringilla turpis pretium. Ut mollis diam leo, nec rutrum lectus malesuada id. Donec nec placerat tellus, pretium laoreet justo. Morbi tincidunt sapien at ullamcorper euismod. Morbi porttitor tellus at aliquet mollis. Vestibulum pellentesque, tortor quis sollicitudin condimentum, augue purus consectetur dolor, vitae condimentum tellus urna sed lacus. Etiam vestibulum justo at lorem lacinia pulvinar. Ut dictum consequat orci, nec blandit arcu tincidunt cursus. Maecenas ac risus magna. In sagittis urna vitae augue scelerisque dictum. Donec eget diam nisl. Proin ac vehicula est. Quisque tincidunt elit quis odio accumsan, a pulvinar justo malesuada. Aenean nisi ipsum, dignissim et leo non, consectetur pulvinar ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sagittis volutpat tortor, ac egestas odio rhoncus imperdiet. Sed efficitur dolor ac velit pellentesque, at facilisis dui laoreet. Donec nec ultrices dui. Aenean convallis est libero, ut sagittis mi feugiat non. Morbi dignissim pharetra felis. Suspendisse potenti. Suspendisse vehicula eget tortor sit amet ultrices. Praesent commodo scelerisque ultricies. Nulla vel odio sed est vulputate dictum. Phasellus tincidunt placerat urna. Quisque semper posuere aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eu mauris et leo ultricies luctus. Proin sit amet semper lectus, vitae feugiat nibh. Aenean commodo felis lectus, eu semper lectus gravida quis. Nam luctus fermentum justo, ac semper massa vehicula in. Nunc a aliquet arcu, in faucibus erat. Duis vitae elit faucibus, ultricies sapien vitae, congue sem. Curabitur id felis eu elit sodales mattis consequat tincidunt elit. Praesent convallis erat posuere sapien ullamcorper, vel sodales elit mattis. Vestibulum molestie urna vel pharetra lacinia. Curabitur sodales pulvinar diam in tempor. Duis tristique vulputate tellus, id elementum dui tincidunt a. Fusce maximus imperdiet dictum. Praesent dui sapien, congue id nibh nec, dignissim aliquam diam. Maecenas ut augue ligula.".split(" ").join("+");--enable-precise-memory-info flag.
| Test case name | Result |
|---|---|
| replace regex | |
| replace All | |
| string split join | |
| replace regex with long text | |
| replace All with long test | |
| string split join with long text |
| Test name | Executions per second |
|---|---|
| replace regex | 12255468.0 Ops/sec |
| replace All | 4700071.0 Ops/sec |
| string split join | 14829887.0 Ops/sec |
| replace regex with long text | 67339.3 Ops/sec |
| replace All with long test | 66755.1 Ops/sec |
| string split join with long text | 183347.2 Ops/sec |
Based on the provided benchmark results, I'll answer the question.
To split a string by a separator and then join it back together, with multiple browsers and devices participating, the best approach seems to be using the replace() method in combination with regular expressions.
Here's why:
replace() with regular expressions seems to be the fastest approach in most cases.Considering these observations, I would recommend using the following JavaScript code:
function splitAndJoin(inputString) {
return inputString.replace(/ +/g, ' ').split(' ').join('');
}
This function uses a regular expression to split the string by whitespace (\s+) and then joins the resulting array of strings back together with spaces in between.
Keep in mind that this is just an example, and you should always consider your specific use case and requirements when choosing a solution.
