Select2 array join

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
array join
var container = $(document.createElement("div")).attr({
  "class": "select2-container select2-container-multi"
}).html([
  "<ul class='select2-choices'>",
  "  <li class='select2-search-field'>",
  "    <input type='text' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' class='select2-input'>",
  "  </li>",
  "</ul>",
  "<div class='select2-drop select2-drop-multi select2-display-none'>",
  "   <ul class='select2-results'>",
  "   </ul>",
  "</div>"
].join(""));
ready
string concat
var container = $(document.createElement("div")).attr({
  "class": "select2-container select2-container-multi"
}).html(
  "<ul class='select2-choices'>" +
  "  <li class='select2-search-field'>" +
  "    <input type='text' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' class='select2-input'>" +
  "  </li>" +
  "</ul>" +
  "<div class='select2-drop select2-drop-multi select2-display-none'>" +
  "   <ul class='select2-results'>" +
  "   </ul>" +
  "</div>");
ready
Single string
            var container = $(document.createElement("div")).attr({
                "class": "select2-container select2-container-multi"
            }).html(
                "<ul class='select2-choices'><li class='select2-search-field'><input type='text' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' class='select2-input'></li></ul><div class='select2-drop select2-drop-multi select2-display-none'><ul class='select2-results'></ul></div>");
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.