如何通过函数链在Javascript中简化这段代码？

huangapple
go评论105阅读模式
英文:

How to simplify this code in Javascript via function chaining?

问题

我想知道如何通过链接它们来简化这些函数调用。有没有一种方法可以链接 forEach、push、解构数组和 map。

  1. let selectorsForLoader = ['a', 'b'];
  2. let loadingElements = [];
  3. selectorsForLoader.forEach(selector => {
  4.   loadingElements.push(...Array.from(document.querySelectorAll(selector)));
  5. });
  6. let loaders = loadingElements.map(loadingElement => {
  7.   loadingElement.doSomething();
  8. });

这是我所说的函数链接的示例：

  1. food.map(item => item.type)
  2.   .reduce((result, fruit) => {
  3.     result.push(fruit);
  4.     return [...new Set(result)];
  5.   }, []);
英文:

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.

  1.  let selectorsForLoader = ['a', 'b'];
  2.  let loadingElements = [];
  3.     selectorsForLoader.forEach(selector => {
  4.       loadingElements.push(...Array.from(document.querySelectorAll(selector)));
  5.     });
  6.     let loaders = loadingElements.map(loadingElement => {
  7.       loadingElement.doSomething();
  8.     });

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

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

答案1

得分: -1

这是您的代码的中文翻译：

  1. 这是您的代码的中文翻译：
  3. ['a', 'b'].flatMap(selector => {
  4.     return Array.from(document.querySelectorAll(selector)));
  5. }).forEach(loadingElement => {
  6.     loadingElement.doSomething();
  7. });
  9. 顺便说一下，你提供的“示例”应该这样写：
  11. new Set(food.map(item => item.type));
英文:

There you go:

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

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

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

huangapple
  • 本文由 发表于 2023年7月18日 16:15:18
  • 转载请务必保留本文链接：https://go.coder-hub.com/76710765.html
  • arrays
  • javascript
  • method-chaining
  • simplification
  • simplify
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定