ES6アロー機能のシンプルなアプリケーション

矢印関数式は、 ES6の新しい構文シュガーです。その構文は、関数式より簡潔であり、自分の持っていないthisargumentssuperまたはnew.target

アロー関数式は、無名関数が必要な場合に適し、コンストラクターとして使用できません。

データの処理における矢印関数の威力を見たはずです。

同様の矢印機能map()filter()reduce()および高次機能におけるプロセスデータへの引数などの他の機能の必要性は、使用するのが良いでしょうので。

次のコードを読んでください。

FBPosts.filter(function (post){
   return post.thumbnail!== null && post.shares> 100 && post.likes> 500 ; 
})

filter関数を書き留め、読みやすさを確保するように努めました。次に、アロー関数を使用して同じコードを書きましょう。

FBPosts.filter((post)=> post.thumbnail!== null && post.shares> 100 && post.likes> 500)

このコードは同じタスクを実行しますが、短くなり、理解しやすくなります。

 


 

これでサンプル問題があります:矢印関数構文を使用squaredIntegersして、配列内の正の整数の2乗を計算ます(端数は整数ではありません)。

const realNumberArray = [4、5.6、-9.8、3.14、42、6、8.34];

 

ヒント1:正の整数を取得するには、filter()を使用してrealNumberArrayを確認する必要があります(小数点は整数ではありません)。 

ヒント2:map()二乗演算の後で、filter()関数の値を変数squaredIntegersにマップする必要があります。

ヒント3:チェーンから呼び出すことができます。

.......................................................

 

.......................................................

 

.......................................................

 

ここに答えがあります:

1 const realNumberArray = [4、5.6、-9.8、3.14、42、6、8.34 ];
2 const squareList =(arr)=> {
 3    "use strict" ;
4    const squaredIntegers = arr.filter((num)=> num> 0 && num%parseInt(num)=== 0).map((num)=> Math.pow(num、2 ));
5    squaredIntegersを返します。
6  };
7 const squaredIntegers = squareList(realNumberArray);
8 console.log(squaredIntegers);

出力結果:

 


 

コンテンツの一部はlearn.freecodecamp.oneからのものです 

 

おすすめ

転載: www.cnblogs.com/abcdecsf/p/12723464.html