How to simplify this code in Javascript via function chaining?

Question

I would to know how to simplify theses function calls by chaining them. Is there a way to chain forEach, push, destructuring array and map.

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

Here is an example of what I mean by function chaining:

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

It's not clear what exactly you're trying to achieve. Have you been given advice that you don't understand how to implement or something? — Mark Hanna, Jul 18 '23 at 08:19
Which of the two snippets are you asking about? I cannot see how they are related. — Bergi, Jul 18 '23 at 08:30

David · Accepted Answer · 2023-07-18T08:29:09.093

-1

There you go:

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

By the way, that "example" you gave should be written like this:

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

edited Jul 18 '23 at 08:29

answered Jul 18 '23 at 08:21

David

3,552
1
13
24

How to simplify this code in Javascript via function chaining?

1 Answers1