Run results for: Loop perf

Run details:

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

Browser: Chrome 54

Operating system: Windows

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
$.each	94443.6 Ops/sec
for	33934.1 Ops/sec
map	38044.2 Ops/sec

Script Preparation code:

var obj = [{'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}, {'value':1,text:'salut'}, {'value':2,text:'salut'}, {'value':3,text:'salut'}, {'value':4,text:'salut'}, {'value':5,text:'salut'}]

Tests:

$.each
var test1 = ''; $.each(obj, function(rowKey,row) { test1 += '<option value="'+row.value+'">'+row.text+'</option>'; } );
for
var test2 = ''; for(var key in obj) { var row = obj[key]; test2 += '<option value="'+row.value+'">'+row.text+'</option>'; }
map
var test3 = ''; obj.map(function(row) { test3 += '<option value="'+row.value+'">'+row.text+'</option>'; });

$.each

for

map