react-python-tdd-tutorial/react-tuto/src/markdown/2. L'API DOM/11. HTML avec map et join.md

On peut utiliser map() et join() pour construire une chaîne de façon plus élégante qu'au point n°9 :

<ul id="ingredients"></ul>
<script>
var ingredients = ['Farine', 'Oeufs', 'Beurre', 'Sucre'];
var listeHtml = ingredients.map(
  function(ingredient) {
    return '<li>' + ingredient + '</li>';
  }
).join('');
var listeElem = document.getElementById('ingredients');
listeElem.innerHTML = listeHtml;
</script>

Ici on a utilisé Array.map() pour créer la chaîne d'un item de liste, à partir du texte de l'item (un ingrédient). Remarque que j'ai passé une fonction directement en paramètre, sans la déclarer auparavant, et sans la nommer : cette utilisation d'une fonction anonyme est très courante en JS.