使用地图和过滤器扩展语法



我发现了这个有趣的问题,想和你们分享。问题是:

[...[0,1,...[-1,0,1].map((x)=> x+1)].filter((x)=>x)),7]

我轻松地解决了第一部分,直到过滤器[0,1,(-1+1),(0+1),(1+1)] = [0,1,0,1,2].

我很惊讶地发现7挂在最后。我以为这是一些错字,但将问题复制到控制台给了我 [1,1,2,7]。我不太明白两件事。

  • 为什么 0 被排除在过滤器之外
  • 7人在那里做什么
  • 这里的第一个操作是 Array#map [-1, 0, 1].map(x => x + 1)它基本上向每个元素添加1,返回数组[0, 1, 2]

  • 下一个是 Array#filter 操作,[0, 1, ...[0, 1, 2]].filter(x => x)它实际上返回一个新数组,没有数组中(false, 0, undefined, null, "")每个falsy值。

  • 最后一个操作看起来像[...[1, 1, 2], 7],并删除了嵌套数组,扩展运算符返回[1, 1, 2, 7]

[...[0,1,...[-1,0,1].map((x(=> x+1(].filter((x(=>x(,7] 细分:

[-1,0,1].map((x)=> x+1) // [0,1,2]
[0,1,...[-1,0,1].map((x)=> x+1)] // [0,1,0,1,2]
[0,1,...[-1,0,1].map((x)=> x+1)].filter((x)=>x) // [1,1,2]
[...[0,1,...[-1,0,1].map((x)=> x+1)].filter((x)=>x),7] // [1,1,2,7]

这部分[-1,0,1].map((x)=> x+1)产生这个列表[0,1,2]然后这部分[0,1,...[-1,0,1].map((x)=> x+1)]结果[0,1,1,2]在过滤器部分删除0后,它的结果是[1,1,2],最后列表的最后一个元素是7。因此,结果总共是[1,1,2,7] <</p>

div class="ans>

代码在以下步骤中计算:

[...[0, 1, ...[-1, 0, 1].map((x)=>x+1)].filter((x)=>x)), 7] // map
[...[0, 1, ...[(x=>x+1)(-1), (x=>x+1)(0), (x=>x+1)(1)]].filter((x)=>x)), 7] // function application
[...[0, 1, ...[0, 1, 2]].filter((x)=>x)), 7] // spread
[...[0, 1, 0, 1, 2].filter((x)=>x)), 7] // filter
[...[...(x=>x)(0)?[0]:[], ...(x=>x)(1)?[1]:[], ...(x=>x)(0)?[0]:[], ...(x=>x)(1)?[1]:[], ...(x=>x)(2)?[2]:[]], 7] // function application
[...[...0?[0]:[], ...1?[1]:[], ...0?[0]:[], ...1?[1]:[], ...2?[2]:[]], 7] // conditional
[...[...[], ...[1], ...[], ...[1], ...[2]], 7] // spread (from filter)
[...[1, 1, 2], 7] // spread
[1, 1, 2, 7]

最新更新