boolean vs number table row

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table>
<thead>
<tr><th>header</th></tr>
</thead>
<tbody>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<tr>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr><tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr><tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
</tbody>
</table>

Test runner

Ready to run.

Testing in
TestOps/sec
Boolean
var oTable = document.getElementsByTagName( 'table' )[0];
var oTableRows = oTable.getElementsByTagName( 'tr' );
var nTableRowsLength = oTableRows.length;

while ( nTableRowsLength-- )
{
                                        oTableRows[nTableRowsLength].className = ( ( nTableRowsLength) % 2 !== 0 ) ? 'odd' : 'even';
                                }
oTableRows = nTableRowsLength = null;
ready
Number to bool
var oTable = document.getElementsByTagName( 'table' )[0];
var oTableRows = oTable.getElementsByTagName( 'tr' );
var nTableRowsLength = oTableRows.length;

while ( nTableRowsLength-- )
{
                                        oTableRows[nTableRowsLength].className = ( ( nTableRowsLength) % 2 ) ? 'odd' : 'even';
                                }
oTableRows = nTableRowsLength = null;
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.