Run results for: Generator test

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0

Browser: Firefox 98

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Script Preparation code:

var loops = 1000;
var items = Array(1000).fill(0);

Tests:

With Generator
function* mapGen(iterable, callback) { for (const item of iterable) { yield callback(item); } } let a1 = mapGen(items, (i) => i.toString()); let b1 = mapGen(a1, (i) => parseInt(i)); for (let i = 0; i < loops; ++i) { b1 = mapGen(b1, (i) => i + 1); } const reuslt = [...b1]
Without Generator
let a2 = items.map((i) => i.toString()); let b2 = a2.map((i) => parseInt(i)); for (let i = 0; i < loops; ++i) { b2 = b2.map((i) => i + 1); } const result = b2;
With custom generator class
class ArrayBuilder { _iterable; constructor(iterable) { this._iterable = iterable ?? []; } toArray() { return [...this._iterable]; } map( callback ) { return new ArrayBuilder(this._map(callback)); } *_map(callback) { let index = 0; for (const value of this._iterable) { yield callback(value, index++, this._iterable); } } } let a1 = new ArrayBuilder(items).map((i) => i.toString()); let b1 = a1.map((i) => parseInt(i)); for (let i = 0; i < loops; ++i) { b1 = b1.map((i) => i + 1); } const result = b1.toArray();