JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="result">
  </div>
</body>

JavaScript

var data = [
                [
                    ["data[0][0]"],  
                    ["data[0][1]"]
                ],
                [
                    ["data[1][0]"],
                    ["data[1][1]"]
                ],
                [
                    ["data[2][0]"],
                    ["data[2][1]"]
                ]
            ];	

var delay = 1000;

//CASE 1
/*for(let i = 0; i < data.length; i++) {
	setTimeout(function() {
  	for(let j = 0; j < data[i].length; j++) {
      console.log(data[i][j])
      $('#result').html($('#result').html() + data[i][j]);
    }
  }, delay)
}*/

//CASE 2
function doSomething(i) {
	setTimeout(function() {
  	for(let j = 0; j < data[i].length; j++) {
    console.log(data[i][j]);
    $('#result').html($('#result').html() + data[i][j]);
    }
  }, delay);
}

for(let i = 0; i < data.length; i++) {
	doSomething(i);
}

//CASE 3
/*for(var i = 0; i < data.length; i++) {
	(function(i) {
  	setTimeout(function() {
			for(var j = 0; j < data[i].length; j++) {
        console.log(data[i][j])
        $('#result').html($('#result').html() + data[i][j]);
      }
    }, delay);
  })(i);	
}*/