Run results for: Lodash uniqBy vs Set with Array of object

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.6.1

Device Platform: Mobile

Date tested: one year ago

new Set() Destructuring

7K/s

Lodash uniqBy

6K/s

uniq for loop

3K/s

uniq by forEach

441/s

uniq by filter

232/s

View exact numbers

HTML Preparation code:

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

Script Preparation code:

var myArr = Array.from({
    length: 16000
}, () => ({ value: Math.floor(Math.random() * 1000) }));

var myCopy = null;

Tests:

Lodash uniqBy
myCopy = _.uniqBy(myArr, 'value').map(({ value }) => value);
new Set() Destructuring
myCopy = [...new Set(myArr.map(({ value }) => value))]
uniq for loop
var seen = {}; var out = []; const len = myArr.length; var j = 0; for (var i = 0; i < len; i += 1) { var item = myArr[i].value; if (seen[item] !== 1) { seen[item] = 1; out[j++] = item; } } myCopy = out;
uniq by forEach
var result = []; myArr.forEach((item) => { if (result.indexOf(item.value) < 0) { result.push(item.value); } }); myCopy = result;
uniq by filter
var mapMyArr = myArr.map(({ value }) => value); myCopy = mapMyArr.filter((value, index, array) => array.indexOf(value) === index);