사용법: 1. 함수를 통해 컬렉션에 요소를 전달하고 새 jQuery 개체를 생성하는 데 사용됩니다. 구문은 ".map(callback(index,domElement))"입니다. 2. 배열의 요소를 처리하고 결과를 A로 캡슐화하는 데 사용됩니다. 새 배열이 반환되면 구문은 "$.map(배열 또는 개체, 지정된 함수)"입니다.
VUE3.0을 빠르게 시작하는 방법:
이 튜토리얼의 운영 환경인 Windows 10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터로 들어갑니다.
1. map()은 함수를 통해 각 요소를 현재 일치하는 컬렉션에 전달하고 반환 값을 포함하는 새로운 jQuery 객체를 생성합니다.
구문.map
(callback(index,domElement))
callback(index,domElement) 현재 컬렉션의 각 요소에 대해 호출되는 함수 개체입니다.
반환 값은 jQuery로 캡슐화된 배열이므로 get()을 사용하여 반환된 객체를 처리하여 기본 배열을 가져옵니다.
예는 다음과 같습니다:
<!DOCTYPE html>
<html>
<머리>
<style>p { 색상:빨간색 }</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<본문>
<p><b>값: </b></p>
<양식>
<input type="text" name="name" value="John"/>
<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()은 또한 두 개의 매개변수를 함수에 전달합니다. 하나는 현재 반복의 요소 또는 속성 값이고, 다른 하나는 현재 반복 항목의 배열 인덱스 또는 객체 속성 이름입니다.
이 함수의 반환 값은 결과 배열의 요소로 사용됩니다. 반환 값이 null이거나 정의되지 않은 경우 결과 배열에 추가되지 않습니다.
$.map( object, callback )
object Array/Object 유형은 처리해야 하는 배열 또는 객체를 지정합니다.
콜백 함수 유형으로 지정된 처리 함수입니다.
예는 다음과 같습니다:
<!DOCTYPE html>
<html>
<머리>
<meta charset="utf-8">
<title>123</title>
<스타일>
div { 색상: 파란색 }
p { 색상:녹색;
범위 { 색상: 빨간색 }
</style>
<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, 함수(n, i){
return (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
arr = $.map(arr, 함수 (a) {
a + a를 반환합니다.
});
$("span").text(arr.join(", "));
})
</script>
</body>
</html> 출력 결과:
추천 관련 동영상 튜토리얼: jQuery 동영상 튜토리얼
위는 jquery에서 map이 어떻게 사용되는지에 대한 자세한 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 다른 관련 기사를 참고하세요!
