Run results for: Comparision filter in js using different methods_v2

Run details:

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

Browser: Chrome 112

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
.filter()	740.4 Ops/sec
Lodash _.filter()	896.8 Ops/sec
.map().filter()	83.4 Ops/sec
.reduce()	882.6 Ops/sec
For loop	89.9 Ops/sec

HTML Preparation code:

<script src="lodash.js"></script>

Script Preparation code:

var randomArray = [];
var arrayLength = 1E5
var comparisionFunction = (num) => num % 12 === 0 && num % 5 === 0 && num % 3 === 0

let i = 0;
while (i <= arrayLength) randomArray[i] = i++;

console.log(randomArray);

var filteredArray = []

Tests:

.filter()
filteredArray = randomArray.filter(comparisionFunction)
Lodash _.filter()
filteredArray = _.filter(randomArray, comparisionFunction);
.map().filter()
filteredArray = randomArray.map((num) => comparisionFunction(num) ? num : undefined).filter(Boolean)
For loop
filteredArray = [] for (i = 0; i < arrayLength; i++) { if (randomArray[i] % 12 === 0 && randomArray[i] % 5 === 0 && randomArray[i] % 3 === 0) { filteredArray.push(randomArray[i]) } }
.reduce()
filteredArray = randomArray.reduce((filteredArray, num) => { if (num % 12 === 0 && num % 5 === 0 && num % 3 === 0) { filteredArray.push(num) } return filteredArray }, [])
.reduce() with comparisionFunction
filteredArray = randomArray.reduce((filteredArray, num) => { if (comparisionFunction(num)) { filteredArray.push(num) } return filteredArray }, [])

Run results for: Comparision filter in js using different methods_v2

.filter()

Lodash _.filter()

.map().filter()

For loop

.reduce()

.reduce() with comparisionFunction