JavaScript、エクササイズ、模範解答の解説をお願いします。

JavaScript 初心者のものです。現在主に、codewarsというサイトを使って学習しています。
そこで、「引数に数字をとり、その数字未満の３、もしくは５の倍数の合計を求める関数を作成せよ。ただし、公倍数は一度だけ合計の中に足すように」という課題がありました。

課題はクリアしたのですが、模範回答の中に一つだけ何度読み返してもうまく理解できないものがあり、解説をお願いしたいです。中に使われているアロー関数、reduceメソッド等については調べました。

solution　= n=> n<=0?0:Array.from({length: n}, (_,i) => (i%3==0||i%5==0)i:0).reduce((x,y)=>x+y)

こちらになります。
特に{length: n}, (_,i)部分が理解不能です。

よろしくお願いいたします。

m.ts10806

2018/05/09 00:45

質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わります。また、自身が分かっていること、分かっていないことを明確にしてください。https://teratail.com/help/question-tips#questionTips2-1

Behemoth

2018/05/09 00:51

教えていただきありがとうございます。また忘れてしまいました。以後気を付けますm(__)m

行動規範の内容に同意します

回答1件

ベストアンサー

極端にショートコーディングされていますので、展開していきましょう。

javascript
1// 全体は、nを引数に取る関数（元のコードではarrow function）
2var solution = function(n) {
3  // 0未満ならチェックするまでもなく0（元のコードでは三項演算子）
4  if(n <= 0) return 0;
5
6  const emptyArr = Array.from(
7    // Array.fromの動作上、このオブジェクトは
8    //「0～n-1までundefinedが入った配列」に変換される
9    {length: n}, 
10  );
11  // Array.fromの第2引数はArray#mapをかけるのと同じ
12  const conditionArr = emptyArr.map(function(_, i){
13    // 第2引数に、インデックスが来る（どうせ値はundefined）
14    // どちらでも割り切れないものは0に変えて、合計計算から除外
15    return (i%3==0||i%5==0) ? i : 0;
16  });
17  // あとはreduceで総合計
18  return conditionArr.reduce((x,y)=>x+y);
19};