如何透過函數鍊式呼叫簡化這段 JavaScript 程式碼？

Question

我想知道如何透過鍊式呼叫來簡化這些函數呼叫。是否有一種方法可以將forEach、push、解構數組和map連結在一起使用。

let selectorsForLoader = ['a', 'b'];
 let loadingElements = [];
    selectorsForLoader.forEach(selector => {
      loadingElements.push(...Array.from(document.querySelectorAll(selector)));
    });
    let loaders = loadingElements.map(loadingElement => {
      loadingElement.doSomething();
    });

這是一個例子：

food.map(item => item.type)
  .reduce((result, fruit) => {
    result.push(fruit);
    return [...new Set(result)];
  }, []);

Answer 1

這呢

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

順便說一下，你給的那個"例子"應該這樣寫：

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