Run results for: colorizeCell() test 2

Run details:

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

Browser: Chrome 79

Operating system: Mac OS X 10.15.2

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
colorizeCell()	2896.3 Ops/sec
cc()	2685.4 Ops/sec
buildTableRow()	2542.4 Ops/sec

Script Preparation code:

function colorizeCell(data) {
	if (data) {
		// console.log(data);
		if (data == "Plus") {
			return '<td class="table-danger text-center">Plus model only</td>';
		} else {
			return '<td class="table-danger text-center">&#10003;</td>';
		}
	} else {
		return '<td class="table-danger text-center">&cross;</td>';
	}
}

function cc(d) {
	return `<td class="table-${d ? 'success' : 'danger'} text-center">${d ? d === 'Plus' ? 'Plus model only' : '&#10003;' : '&cross;'}</td>`;
}

function buildTableRow(data) {
	const rowType = data ? 'success' : 'danger';
	const content = data === 'Plus' ? 'Plus model only' : '&#10003;';
	
	return `<td class="table-${rowType} text-center">${data ? content : '&cross;'}</td>`;
}

// ---

var testData = [ null, '1', '2', '3', 'Plus' ];
var testData2 = [];
var i;

// 5000 items
for (i=0; i<1000; i++)
{
    testData2 = testData2.concat(testData);
}

Tests:

colorizeCell()
for (i of testData2) { colorizeCell(i); }
cc()
for (i of testData2) { cc(i); }
buildTableRow()
for (i of testData2) { buildTableRow(i); }

Run results for: colorizeCell() test 2

colorizeCell()

cc()

buildTableRow()