Comment simplifier ce code JavaScript en chaînant des fonctions ?

Question

J'aimerais savoir comment simplifier ces appels de fonctions en les chaînant. Existe-t-il un moyen de chaîner forEach, de pousser, de déstructurer les tableaux et de les mapper ensemble.

let selectorsForLoader = ['a', 'b'];
 laissez chargementElements = [];
    selectorsForLoader.forEach(selector => {
      chargementElements.push(...Array.from(document.querySelectorAll(selector)));
    });
    laissez les chargeurs = chargementElements.map(loadingElement => {
      chargementElement.doSomething();
    });</pré>
<p>Voici un exemple :</p>
<pre class="brush:php;toolbar:false;">food.map(item => item.type)
  .reduce((résultat, fruit) => {
    result.push(fruit);
    return [...new Set(result)];
  }, []);

Answer 1

Et ça

['a', 'b'].flatMap(selector => {
    return Array.from(document.querySelectorAll(selector)));
  }).forEach(loadingElement => {
    loadingElement.doSomething();
  });

D'ailleurs, "l'exemple" que vous avez donné devrait s'écrire ainsi :

new Set(food.map(item => item.type));