Array of objects `for` loop with repaint performance in mind, mostly for use in fetching and displaying data from external JSON APIs.

array-object-for-loop.js

var data = [
  {
    id: 1,
    name: 'One',
    image: 'http://image-1.jpg'
  },
  {
    id: 2,
    name: 'Two',
    image: 'http://image-2.jpg'
  }
];
 
var html = '';
 
for (var i = 0, len = data.length; i < len ; i++) {
  html += [
    '<ul>',
      '<li>' + data[i].id + '</li>',
      '<li>' + data[i].name + '</li>',
      '<li>' + data[i].image + '</li>',
    '</ul>'
  ].join('');
}
 
document.querySelector('body').innerHTML += html;