javascript - 我如何在 JavaScript 中执行操作，就像我们在 Java 流中执行操作管道一样？

Question

在使用流的 Java 8 中，当我一个接一个地链接方法时，操作的执行是以流水线方式执行的。

例子：

List<Integer> nums = Arrays.asList(1,2,3,4,5,6);    
nums.stream().map(x->{
    x = x * x;
    System.out.println("map1="+x);
    return x;
}).map(x->{
    x = x * 3;
    System.out.println("map2="+x);
    return x;
}).forEach(x-> System.out.println("forEach="+x));

输出：-

map1=1
map2=3
forEach=3
map1=4
map2=12
forEach=12
map1=9
map2=27
forEach=27
map1=16
map2=48
forEach=48
map1=25
map2=75
forEach=75
map1=36
map2=108
forEach=108

但是当我在javascript中进行类似尝试时。结果不同。在javascript中，第一个操作完成，然后执行第二个操作。示例：-

var nums = [1,2,3,4,5,6 ];
nums.map(x => {
  x = (x * x);
  console.log('map1='+x);
  return x;})
  .map(x => {
  x = x * 3;
  console.log('map2='+x);
  return x;})
  .forEach(x=> console.log('forEach='+x));

输出：-

 map1=1
 map1=4
 map1=9
 map1=16
 map1=25
 map1=36
 map2=3
 map2=12
 map2=27
 map2=48
 map2=75
 map2=108
 forEach=3
 forEach=12
 forEach=27
 forEach=48
 forEach=75
 forEach=108

JavaScript 中是否有任何方法可以使其以管道方式执行操作，并且我可以像在 Java 程序中一样获得输出？

这个问题只询问如何在 JavaScript 中进行收集，而不是相同类型方法的内部工作如何变化。

标签： javascriptjava

Answer 1

也许稍后（或永远不会）您可以使用实际的实验性 管道运算符|>，它具有以下语法：

expression |> function

您可以通过将函数作为单独的函数并迭代每个管道的流数组来实现您想要的结果。

这仅适用于 FF。从 58 版开始：此功能位于--enable-pipeline-operator编译标志后面。

const
    a = x => { x = x * x; console.log("map1=" + x); return x; },
    b = x => { x = x * 3; console.log("map2=" + x); return x; },
    c = x => console.log("forEach=" + x)

var nums = [1, 2, 3, 4, 5, 6];

nums.forEach(v => v |> a |> b |> c);

管道作为函数（启用管道的函数组合）与所需函数的闭包相同。

const
    pipe = (...functions) => input => functions.reduce((acc, fn) => fn(acc), input),
    a = x => { x = x * x; console.log("map1=" + x); return x; },
    b = x => { x = x * 3; console.log("map2=" + x); return x; },
    c = x => console.log("forEach=" + x)

var nums = [1, 2, 3, 4, 5, 6],
    pipeline = pipe(a, b, c);

nums.forEach(pipeline);