JavaScriptでのforEachの実装原理(簡単な実装手順)

新しい配列オブジェクトarrを作成します。

var arr = ['xiaoming','lihua']

メソッドfor_Eachをarrに追加します。

arr.for_Each = function (fn) {
    for (var i = 0; i < this.length; i++) {
        fn(this[i])
    }
}

for_Eachメソッドを呼び出します。

arr.for_Each((item) => {
    console.log(item)
})

出力結果:

arrがfor_Eachメソッドを呼び出すと、これはarr自体を指し、for_Eachは関数fnに渡され、次にarrの各項目がfn関数に渡されます。

for_Eachメソッドは、多くの場合、すべての配列オブジェクトの呼び出しを容易にするためにプロトタイプに書き込まれます。全体的なコードは次のとおりです。

var arr = ['xiaoming', 'lihua']
Array.prototype.for_Each = function (fn) {
    for (var i = 0; i < this.length; i++) {
        fn(this[i])
    }
}
arr.for_Each((item) => {
    console.log(item)
})

 

おすすめ

転載: blog.csdn.net/qq_41999592/article/details/104393097