JSFiddle - React, Tailwind, and code Playground

by Ilya Karpuk

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/platform/1.3.1/platform.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/2.1.0/benchmark.min.js"></script>

JavaScript

var suite = new Benchmark.Suite;

var myArray = ['apple', 'orange', '', 'kiwi', 'pumpkin', 'grape', ''];

function forFilter(arr) {
	var narr = [];
  if (arr) narr.push(arr);
  return narr;
}

suite.add('filter', function() {
  myArray.filter(Boolean)
})
.add('loop', function() {
  forFilter(myArray)
})
// add listeners
.on('cycle', function(event) {
  console.log(String(event.target));
})
.on('complete', function() {
  console.log('Fastest is ' + this.filter('fastest').map('name'));
})
// run async
.run({ 'async': true });