jQueryのeach()をJavaScriptで実装するサンプルコード

2023-07-10

jQueryのeach()関数は、JavaScriptのArrayオブジェクトのforEach()メソッドと同様の機能を提供します。以下に、each()関数をJavaScriptで実装するサンプルコードを示します。

function each(array, callback) {
	for (var i = 0; i < array.length; i++) {
	callback(i, array[i]);
	}
}

// 使用例
var numbers = [1, 2, 3, 4, 5];
each(numbers, function(index, value) {
	console.log("Index: " + index + ", Value: " + value);
});

この例では、each()関数が配列とコールバック関数を受け取ります。forループを使用して、配列の要素ごとにコールバック関数を呼び出します。コールバック関数は、インデックスと値を引数として受け取り、処理を実行します。上記の例では、配列の要素ごとにコンソールにインデックスと値を表示するという処理が行われます。

この実装は基本的なものであり、jQueryのeach()関数のすべての機能を再現するものではありません。より高度な機能が必要な場合は、必要に応じてカスタマイズする必要があります。