Hello World!

{"ScriptPreparationCode":"let content = \u0027\u0027;\r\nfor (let i=0; i\u003C10000; i\u002B=1) {\r\n content \u002B= \u0027\u003Cdiv class=\u0022component\u0022 data-component=\u0022component\u0027 \u002B i \u002B \u0027\u0022\u003EContent \u0027 \u002B i \u002B \u0027\u003C/div\u003E\u0027;\r\n}\r\ndocument.getElementById(\u0022demo\u0022).innerHTML = content;","TestCases":[{"Name":"for","Code":"let components = [];\r\nlet values = [];\r\n\r\nconst queryComponentsFor = document.querySelectorAll(\u0027[data-component]\u0027);\r\n\r\nfor (let i = 0; i \u003C queryComponentsFor.length; \u002B\u002Bi) {\r\n values.push(queryComponentsFor[i].getAttribute(\u0027data-component\u0027));\r\n components.push(queryComponentsFor[i]);\r\n}","IsDeferred":false},{"Name":"for..of","Code":"let components = [];\r\nlet values = [];\r\n\r\nfor (let el of document.querySelectorAll(\u0027[data-component]\u0027)) {\r\n values.push(el.getAttribute(\u0027data-component\u0027));\r\n components.push(el);\r\n}","IsDeferred":false},{"Name":"NodeList.forEach","Code":"let components = [];\r\nlet values = [];\r\n\r\ndocument.querySelectorAll(\u0027[data-component]\u0027).forEach(el =\u003E {\r\n values.push(el.getAttribute(\u0027data-component\u0027));\r\n components.push(el);\r\n});","IsDeferred":false},{"Name":"Array.forEach","Code":"let components = [];\r\nlet values = [];\r\n\r\n[...document.querySelectorAll(\u0027[data-component]\u0027)].forEach(el =\u003E {\r\n values.push(el.getAttribute(\u0027data-component\u0027));\r\n components.push(el);\r\n});","IsDeferred":false},{"Name":"jQuery.each","Code":"let components = [];\r\nlet values = [];\r\n\r\n$(\u0027[data-component]\u0027).each((i, el) =\u003E {\r\n\tvalues.push(el.getAttribute(\u0027data-component\u0027));\r\n\tcomponents.push(el);\r\n});","IsDeferred":false}]}