ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript の反復およびマージ メソッドの詳細な解釈 (グラフィック チュートリアル)

Javascript の反復およびマージ メソッドの詳細な解釈 (グラフィック チュートリアル)

亚连
亚连オリジナル
2018-05-21 09:41:251198ブラウズ

ここで、JavaScript の反復とマージのメソッドについて詳しく説明します。今からそれを皆さんと共有し、皆さんの参考にしてください。

反復メソッド

個人的には、JavaScript の反復メソッドが特に重要だと思います。JavaScript では、次の 5 つの反復メソッドが提供されます。指定された関数を配列内の各項目に適用し、各項目が true を返す場合、true を返します

filter() 指定された関数を配列内の各項目に適用し、true を返す項目を結合して新しい配列を返します

forEach() は指定された関数を配列内の各項目に適用しますが、値は返しません

map() は指定された関数を配列内の各項目に適用し、毎回戻ります 関数呼び出しの結果は新しい配列を形成します

same() は、配列内の各項目に指定された関数を適用します。配列内の項目が true を返す場合、それは true を返します

上記の 5 つのメソッドのうち、それらはすべて 2 つのパラメーターを受け入れます: 実行関数、つまり、この関数には、配列項目の値、配列内の項目の位置、配列オブジェクト自体の 3 つのパラメーターがあります。 指定されたスコープは、指定された関数の this オブジェクトに影響を与えます。例:

var values = [5,6,7,8,9,10,11,12,13];
 
function actionfunc(item, index, array){console.log(this)};
 
values.every(actionfunc,document); //这里会向控制台输出6次document对象

Merge メソッド 反復メソッドに加えて、JavaScript は 2 つのマージ メソッドも提供します。これらのメソッドは、名前と同様に、指定された関数を使用します。配列内の各項目を反復処理し、合計値を返します。 2 つの結合メソッドは次のとおりです。

reduce() は、配列内の最初の項目から最後の項目までの各項目に指定された関数を適用し、配列内のすべての項目の結果の合計を返します。指定された関数を実行します。

reduceRight() は、指定された関数を配列内の最後の項目から最初の項目まで逆の順序で適用し、配列内のすべての項目に対して指定された関数を実行した結果の合計を返します。

上記の 2 つのメソッドは 2 つのパラメーターを受け取ります。実行関数は、各項目を操作する必要がある関数です。この関数には、前の値、現在の値、項目のインデックス、および配列オブジェクトの 4 つのパラメーターがあります。自体。 マージの基準値。マージの計算はこの値に基づいて行われます。例:

var values = [5, 6, 7, 8, 9, 10, 11, 12, 13];
 
values.reduce(function(preitem,item,index,array){return preitem+item},2) //返回数值83

上記は私が皆さんのためにまとめたもので、将来皆さんのお役に立てれば幸いです。

関連記事:

JavaScriptプロトタイプの詳しい解説(基礎講座)


javascript replace() 第二引数が関数の場合のパラメータの使い方(誰でも詳しく解説)


JavaScriptの出力表示コンテンツ (基本チュートリアル)


以上がJavascript の反復およびマージ メソッドの詳細な解釈 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。