使用法: 1. 関数を通じて要素をコレクションに渡し、新しい jQuery オブジェクトを生成するために使用されます。構文は「.map(callback(index,domElement))」です。 2. 配列内の要素を処理し、結果を A としてカプセル化するために使用されます。新しい配列が返されます。構文は「$.map(配列またはオブジェクト、指定された関数)」です。
VUE3.0 をすぐに始める方法:
このチュートリアルの動作環境を入力します: Windows 10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
1.map() は、関数を通じて各要素を現在の一致するコレクションに渡し、戻り値を含む新しい jQuery オブジェクトを生成します。
Syntax.map
(callback(index,domElement))
callback(index,domElement) 現在のコレクション内の各要素に対して呼び出される関数オブジェクト。
戻り値は jQuery でカプセル化された配列であるため、get() を使用して返されたオブジェクトを処理し、基になる配列を取得します。
例は次のとおりです:
<!DOCTYPE html>
<html>
<頭>
<style>p { color:red }</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<本文>
<p><b>値: </b></p>
<フォーム>
<input type="text" name="name" value="ジョン"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</form>
<スクリプト>
$("p").append( $("input").map(function(){
$(this).val() を返します。
}).get().join(", ") );
</script>
</body>
</html>出力結果:
2. $.map() 関数は、配列内の各要素（またはオブジェクトの各属性）を指定された関数で処理し、処理結果を新しい配列としてカプセル化して返します。
jQuery 1.6 より前では、この関数は配列の走査のみをサポートしていましたが、1.6 以降、この関数はオブジェクトの走査もサポートします。
また、map() は 2 つのパラメータを関数に渡します。1 つは現在の反復の要素または属性値で、もう 1 つは現在の反復項目の配列インデックスまたはオブジェクト属性名です。
この関数の戻り値は、結果配列の要素として使用されます。戻り値が null または未定義の場合、結果配列には追加されません。
$.map( object, callback )
object 配列/オブジェクト タイプは、処理する必要がある配列またはオブジェクトを指定します。
コールバック関数タイプで指定された処理関数。
例は次のとおりです:
<!DOCTYPE html>
<html>
<頭>
<meta charset="utf-8">
<title>123</title>
<スタイル>
div { 色: 青 }
p { 色: 緑; マージン: 0 }
スパン { 色: 赤 }
</スタイル>
<script src="js/jquery.min.js"></script>
</head>
<本文>
<div></div>
<p></p>
<スパン></スパン>
<スクリプト>
$(関数() {
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, 関数 (a) {
a + a を返します。
});
$("スパン").text(arr.join(", "));
})
</script>
</body>
</html>出力結果:
おすすめの関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
上記は、jquery でのマップの使用方法の詳細な内容です。詳細については、PHP 中国語 Web サイトの他の関連記事に注目してください。
