L'exemple précédent montrait l'application systématique d'un style à tous les éléments
d'une liste.

<blockquote>
Il est parfois intéressant d'appliquer un traitement différent, en fonction d'un certain
critère.
</blockquote>

Admettons que je sois végane, et que je veuille afficher les ingrédients avec un code
couleur pour indiquer s'ils sont compatibles, ou pas, avec un régime végétalien.

Toujours avec l'exemple du point 2.11, remplace le code du point précédent par celui-ci :
```javascript
var produitsAnimaux = ['Oeufs', 'Beurre'];
function isItVegan(ingredient) {
  return produitsAnimaux.indexOf(ingredient) === -1;
}

var items = document.getElementsByTagName('li');
for(var i = 0 ; i < items.length ; i++) {
  var ingredient = ingredients[i];
  if(isItVegan(ingredient)) {
    items[i].style.color = 'green';
  }
  else {
    items[i].style.color = 'red';
    items[i].style['font-weight'] = 'bold';
  }
}
```

On a ici introduit la fonction `Array.indexOf()`. Elle permet de savoir la position
d'un élément dans un tableau. Si l'élément ne s'y trouve pas, elle renvoie `-1`.
`isItVegan()` cherche l'ingrédient passé en paramètre dans le tableau `produitsAnimaux`.
S'il n'y est pas, c'est végane !
