I used for in loop inside for loop, it's working. Is that good practice and if not, why?

var students = [

  {
    Name: 'John',
    Track: 'JavaScript',
    Achievements: 3,
    Points: 343,
  },
  {
    Name: 'Mathew',
    Track: 'Java',
    Achievements: 6,
    Points: 654,
  },
  {
    Name: 'Jane',
    Track: 'PHP',
    Achievements: 11,
    Points: 998,
  },
  {
    Name: 'Adam',
    Track: 'TypeScript',
    Achievements: 34,
    Points: 2718,
  },
  {
    Name: 'Joshua',
    Track: 'C++',
    Achievements: 38,
    Points: 3433,
  },

];


  function print(html){

  var get_elem = document.getElementById('output');
  get_elem.innerHTML = html;

  }
  var mainhtml = " ";

  for(var i = 0; i < students.length; i += 1){
   for(var props in students[i]){
     if(props === "Name"){

     mainhtml += '<h2>' + props + ": " + students[i][props] + "</h2><br> ";

     }else {

       mainhtml += '<p>' + props + ": " + students[i][props] + " </p><br> ";
     }

  }
}

  print(mainhtml);