Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

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などの他の多くのそのような関数があります
  1. JavaScriptの簡潔な矢印関数

    簡潔な矢印関数の構文は次のとおりです- (param1, param2) =>param1+param2 のみがあり、単一のパラメータがある場合は、次のように記述することもできます- param1=>param1*2 の後に中括弧{}がない場合は、暗黙的に戻ります。 以下は、JavaScriptで簡潔な矢印関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta na

  2. JavaScriptのファーストクラス関数

    JavaScriptは関数をオブジェクトとして扱い、関数をパラメーターとして別の関数に渡したり、他の関数から関数を返したりすることもできます。 JavaScriptでは、関数はファーストクラスの関数です。つまり、変数、オブジェクト、配列に格納できます。高階関数は、関数を取得するか、関数を返すか、またはその両方を実行できます。 以下は、JavaScriptでファーストクラス関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT