Javascriptでのイテレータ関数の使用
明示的な反復以外に、Javascriptは、配列を反復処理するために使用できるさまざまな反復関数を提供します。これらの関数のいくつかを見てみましょう-
ForEach関数
この関数は、配列内のすべてのオブジェクトに対して渡された関数を実行します。たとえば、
例
let people = ['Harry', 'Martha', 'John', 'Sam'] people.forEach(person => console.log(person.toUpperCase()));
これにより、出力が得られます-
出力
HARRY MARTHA JOHN SAM
マップ関数
この関数は、配列内のすべてのオブジェクトに対して渡された関数を実行し、返されたものに基づいて新しい配列を作成します。たとえば、
例
let people = ['Harry', 'Martha', 'John', 'Sam'] let upperCaseNames = people.map(person => person.toUpperCase()) console.log(upperCaseNames);
出力
これにより、出力が得られます-
[ 'HARRY', 'MARTHA', 'JOHN', 'SAM' ]
フィルター機能
この関数は、配列内のすべてのオブジェクトに対して渡された関数を実行し、真の値を返す値に基づいて新しい配列を作成します。たとえば、
例
let people = ['Harry', 'Martha', 'John', 'Sam'] console.log(people.filter(person => person[0] === 'H'));>
これにより、出力が得られます-
出力
['Harry']
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
で詳細を読むことができるreduce、every、someなどの他の多くのそのような関数があります-
JavaScriptの簡潔な矢印関数
簡潔な矢印関数の構文は次のとおりです- (param1, param2) =>param1+param2 のみがあり、単一のパラメータがある場合は、次のように記述することもできます- param1=>param1*2 の後に中括弧{}がない場合は、暗黙的に戻ります。 以下は、JavaScriptで簡潔な矢印関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta na
-
JavaScriptのファーストクラス関数
JavaScriptは関数をオブジェクトとして扱い、関数をパラメーターとして別の関数に渡したり、他の関数から関数を返したりすることもできます。 JavaScriptでは、関数はファーストクラスの関数です。つまり、変数、オブジェクト、配列に格納できます。高階関数は、関数を取得するか、関数を返すか、またはその両方を実行できます。 以下は、JavaScriptでファーストクラス関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT