JavaScript: forEach、map、アロー関数、setTimeout、setInterval、filter、some、every、reduce

各メソッドごとに

forEach は配列を反復処理するために使用されます。簡単な例を次に示します:

リーリー

次に、オブジェクトの配列で forEach を使用してみましょう:

リーリー

地図

Map は、配列内のすべての要素に対してコールバックを呼び出した結果を含む新しい配列を作成します。

まず、基本的な配列を反復処理してみましょう:

リーリー

それでは、オブジェクトの配列を反復処理してみましょう:

リーリー

アロー関数

構文を簡素化するために、次のようにアロー関数を書くことができます:

リーリー

ムービーの例に戻って、矢印関数を使用することもできます:

リーリー

暗黙的な戻り値

暗黙的な戻り値は、関数を記述するもう 1 つの短縮方法であり、いくつかの例は次のとおりです:

リーリー

タイムアウトの設定

xミリ秒後にコールバックを実行します

リーリー

間隔を設定する

コールバックを x ミリ秒ごとに繰り返します

リーリー

最終的にコールバックを停止したい場合は、次のようにすることができます:

リーリー

フィルター方法

Filter は、コールバック関数内で return true を渡す要素を含む新しい配列を作成します

リーリー

配列内のオブジェクトをフィルタリングすることもできます:

リーリー

一部とすべて

• Some - 配列内のいずれかの要素がコールバック関数で true を返すかどうかをテストします。ブール値を返します

リーリー

• Every - 配列内のすべての要素がコールバック関数で true を返すかどうかをテストします。ブール値を返します

リーリー

減らす

• reduce コールバック関数の最初の (そして潜在的な唯一の) 引数。
  • この関数の最初の引数は、各項目を反復処理するときに変更される可能性のある値です。
  • この関数の 2 番目の引数は、配列のインデックスの値です。
• reduce のオプションの 2 番目の引数は、コールバック関数の最初の値を開始する値です。

リーリー

オブジェクトの配列でもこれを行うことができます:

リーリー

リデューサーの初期値を設定することもできます:

リーリー

以上がJavaScript: forEach、map、アロー関数、setTimeout、setInterval、filter、some、every、reduceの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。