$（...）.. map（...）。reduceは関数ではありません。

Question

マップ& reduceを使用して、ページ内のいくつかの要素の高さの合計を計算しようとしています。有効な配列を返すの.map

VM52933:2 Uncaught TypeError: $(...).map(...).reduce is not a function(…)

$('.items') 
    .map((index,slide) => $(slide).height()) 
    .reduce((prev, next) => prev + next, 0) 

：理由は不明であるが、これは私に次の例外がスローされ

[48, 48, 48, 75, 48] 

私は（別途マップをすれば[48、48、48、 75、48] .reduce（...））それは動作します。 ここで何が間違っていますか？

Answer 1

これは$（ '。items'）の構造体のような配列ですが、配列ではないためです。プロトタイプがNodeList型のdofであれば、それにreduceメソッドはありません。これをArray.fromから渡すと、適切な配列に変換され、reduce、map、および他のすべての配列関数を適用できます。

詳細は

Array.from($('.items')) 
.map((slide) => $(slide).height()) 
.reduce((prev, next) => prev + next, 0);