Run results for: native map vs _.map

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36

Browser: Chrome 83

Operating system: Mac OS X 10.15.5

Device Platform: Desktop

Date tested: 3 years ago

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:


var arr = ['a', 'b', 'c'];

Tests:

native map
arr.map(v=>v+'hi')
_.map
_.map(arr,v=>v+'hi')
myMap (1st variation)
function myMap(arr,func) { if(!Array.isArray(arr)) return -1; var res=[]; for(let i=0;i<arr.length;i++) res.push(func(arr[i],i,arr)) return res; } myMap(arr,v=>v+'hi')
myMap (2nd variation)
var is_array = function (value) {return value && typeof value === 'object' && typeof value.length === 'number' && typeof value.splice === 'function' && !(value.propertyIsEnumerable('length'));}; function myMap(arr,func) { if(!is_array(arr)) return -1; var res=Array(arr.length); for(let i=0;i<arr.length;i++) res[i]=func(arr[i],i,arr) return res; } myMap(arr,v=>v+'hi')
myMap (3rd variation)
var is_array = function (value) {return value && typeof value === 'object' && typeof value.length === 'number' && typeof value.splice === 'function' && !(value.propertyIsEnumerable('length'));}; function myMap(arr,func) { if(!is_array(arr)) return -1; return arr.map(func); } myMap(arr,v=>v+'hi')