JSFiddle - React, Tailwind, and code Playground
HTML
<div id="output"></div>
<div id="data-loop"></div>
<div id="item-loop"></div>
CSS
#output, #data-loop, #item-loop {
background: #181818;
color: #FFF;
height: 40px;
line-height: 40px;
padding: 5px;
text-align: center;
}
JavaScript
var data = [
['lorem', 'ipsum', 'dolor'],
['sit', 'amet'],
['eli'],
['cras', 'sed', 'leo', 'lacinia']
];
function doSearch() {
dataLoop: for (var dataIndex = 0; dataIndex != data.length; dataIndex++) {
$('#data-loop').text('Data Loop Index: ' + dataIndex);
itemLoop: for (var itemIndex = 0; itemIndex != data[dataIndex].length; itemIndex++) {
$('#item-loop').text('Item Loop Index: ' + itemIndex);
if (data[dataIndex][itemIndex] == 'sed') {
$('#output').text('Data item found');
break dataLoop;
}
}
}
}
doSearch();