A way to open a template string and loop through arrays or objects to create another template string within. From es6.io

es6-template-string-loop.js

const dogs = [
    { name: 'Snickers', age: 2 },
    { name: 'Hugo', age: 8 },
    { name: 'Sunny', age: 1 }
];

const markup = `
    <ul class="dogs">
        ${dogs.map(dog => `
            <li>
                ${dog.name}
                is
                ${dog.age * 7}
            </li>`).join('') // Add 'join' to remove the comma behind each item
        }
    </ul>
`;

document.body.innerHTML = markup;