ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptイテレータパターンの実装方法と使用例を詳しく解説

JavaScriptイテレータパターンの実装方法と使用例を詳しく解説

伊谢尔伦
伊谢尔伦オリジナル
2017-07-24 14:20:441710ブラウズ

反復子パターンは、オブジェクトの内部表現を公開せずに、集合オブジェクト内の個々の要素に順次アクセスするメソッドを提供することを指します。

1. jQuery のイテレーター


$.each([1, 2, 3], function(i, n) {
  console.log("当前下标为:"+ i + " 当前元素为:"+ n );
});

2. 独自のイテレーターを実装する


var each = function(ary, callback) {
  for(var i = 0, l = ary.length; i < l; i++) {
    callback.call(ary[i], i, ary[i]);
  }  
};
each([1, 2, 3], function(i, n) {
  console.log("当前下标为:"+ i + " 当前元素为:"+ n );
});


[1, 2, 3].forEach(function(n, i, curAry){
  console.log("当前下标为:"+ i + " 当前元素为:"+ n + " 当前数组为:" + curAry);
})

3 . 内部イテレータ、外部イテレータ

(1) 内部iterator: 反復ルールが定義されており、反復プロセス全体を完全に引き継ぎ、外部からの最初の呼び出しのみが必要です。上記のカスタムの each は内部イテレータです。
(2) 外部反復子: 次の要素の反復は明示的に要求する必要があります。 example:2つの配列が等しいかどうかを判断します

以上がJavaScriptイテレータパターンの実装方法と使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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