Javascript - テーブル内の条件付き合計

Question

解決策を見つけたと思った後にテーブルの値を追加する必要があります 先生はそれが気に入らなかったので、よりエレガントなやり方をしていますか？

私のコード：https://pastebin.com/0ZQBgU7b

私の解決策：

const $ = document.querySelectorAll.bind(document); 
$('.total')[0].textContent = 
[...$('.ages')] 
.map(td => parseInt(td.textContent)) 
.filter(ages => ages >= 18) 
.reduce((total, ages) => total + ages, 0); 

P.S. 私の先生はそれが気に入らなかった。

Answer 1

3つのループを使用していますが、1つで十分です。マップやフィルタは、ここで必要とされていません。

const $ = document.querySelectorAll.bind(document); 
$('.total')[0].textContent = 
[...$('.ages')].reduce((total, ages) => 
    total + (parseInt(ages, 10) >= 18 ? parseInt(ages, 10) : 0), 0); 

はArray.from()を使用する代わりに、スプレッドoperaterも、この場合には良い考えかもしれません。

Array.from($('.ages')).reduce(...)