ホームページ > 記事 > ウェブフロントエンド > jqueryにmapメソッドはありますか？

jqueryにmapメソッドはありますか？

青灯夜游オリジナル: 2022-06-09 17:25:111608ブラウズ

jqueryにはmap()メソッドがあります。 map() メソッドは、指定されたコールバック関数を使用して配列の各要素 (またはオブジェクトの各属性) を処理し、処理結果を新しい配列としてカプセル化して返します。構文は「$.map(array)」です。またはオブジェクト、コールバック関数)」。 map() メソッドは 2 つのパラメータをコールバック関数に渡します。最初のパラメータは現在の反復の要素または属性値で、2 番目のパラメータは現在の反復項目の配列インデックスまたはオブジェクト属性名です。コールバック関数の値が null または未定義の場合、結果の配列には追加されません。

このチュートリアルの動作環境: Windows7 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jqueryにはmap()メソッドがあります。

jquery では、map() メソッドを使用して、配列の各要素 (またはオブジェクトの各属性) を指定されたコールバック関数で処理し、処理結果を新しい配列としてカプセル化して返します。

注: 1. jQuery 1.6 より前では、この関数は配列の走査のみをサポートしていましたが、1.6 以降、この関数はオブジェクトの走査もサポートするようになりました。

# 文法形式:

$.map( object, callback )

#パラメータ# #object#callbackmap() は 2 つのパラメータをコールバック関数に渡します。1 つは現在の反復の要素または属性値で、もう 1 つは配列インデックスまたはオブジェクトです。現在の反復項目のプロパティ名。コールバック関数の戻り値は、結果配列の要素として使用されます。戻り値が null または未定義の場合、結果配列には追加されません。

説明
配列/オブジェクトタイプは、処理する必要がある配列またはオブジェクトを指定します。
関数タイプ指定された処理関数。

例: $.map() を使用して配列の値を変更する

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style>
			div { color:blue; }
			p { color:green; margin:0; }
			span { color:red; }
		</style>
		<script src="./js/jquery-3.6.0.min.js"></script>
	</head>
	<body>

		<div></div>
		<p></p>
		<span></span>
		<script>
			$(function() {
				var arr = ["a", "b", "c", "d", "e"];
				$("div").text(arr.join(", "));
				arr = $.map(arr, function(n, i) {
					return (n.toUpperCase() + i);
				});
				$("p").text(arr.join(", "));
				arr = $.map(arr, function(a) {
					return a + a;
				});
				$("span").text(arr.join(", "));
			})
		</script>

	</body>
</html>

#知識を広げる

jqueryにmapメソッドはありますか？