> 웹 프론트엔드 > 프런트엔드 Q&A > jquery의 맵이 객체 등을 반환합니까?

jquery의 맵이 객체 등을 반환합니까?

WBOY
풀어 주다: 2022-06-24 17:15:58
원래의
2390명이 탐색했습니다.

jquery에서 map() 함수는 지정된 함수를 사용하여 캡슐화한 후 새 배열을 반환합니다. 이 함수는 지정된 함수를 사용하여 배열의 각 요소 또는 객체의 각 속성을 처리하고 처리 결과를 다음과 같이 캡슐화하는 데 사용됩니다. 새 배열이 반환됩니다. 함수 반환 값은 결과 배열의 요소로 사용됩니다. 반환 값이 null이거나 정의되지 않은 경우 결과 배열에 추가되지 않습니다.

jquery의 맵이 객체 등을 반환합니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery의 map

jQuery.map() 함수는 지정된 함수를 사용하여 배열의 각 요소(또는 객체의 각 속성)를 처리하고, 처리 결과를 새로운 배열로 캡슐화하여 반환하는 데 사용됩니다.

참고:

1. jQuery 1.6 이전에는 이 함수가 순회 배열만 지원했습니다. 1.6부터 이 함수는 순회 객체도 지원합니다.

2.map()은 함수에 두 개의 매개변수도 전달합니다. 하나는 현재 반복의 요소 또는 속성 값이고, 다른 하나는 현재 반복 항목의 배열 인덱스 또는 객체 속성 이름입니다.

3. 이 함수의 반환 값은 결과 배열의 요소로 사용됩니다. 반환 값이 null이거나 정의되지 않은 경우 결과 배열에 추가되지 않습니다.

Syntax

$.map( object, callback )
로그인 후 복사

object 배열/객체 유형은 처리해야 하는 배열 또는 객체를 지정합니다.

callback 함수 유형은 처리 함수를 지정합니다.

예제는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
div { color:blue; }
p { color:green; margin:0; }
span { color:red; }
</style>
<script src="js/jquery.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의 맵이 객체 등을 반환합니까?

확장 지식:

기본 js에도 맵 메소드가 있고, jQuery에도 맵 메소드가 있습니다. 그래서 그들 사이의 차이점은 무엇입니까? 평소처럼 코드를 먼저 살펴보세요



첫 번째 매개변수: 현재 탐색된 요소

두 번째 매개변수: 현재 탐색된 인덱스

세 번째 매개변수: 현재 탐색된 배열


그러나 , 참고: 네이티브 js의 forEach 메서드와 마찬가지로 의사 배열을 순회할 수 없습니다


오류가 보고된다는 것은 의심의 여지가 없습니다. 이는 네이티브 js의 맵 메서드가 의사 배열을 순회할 수 없다는 것을 증명합니다

그럼 다음은 jQuery



의 map 메소드를 살펴보겠습니다. 첫 번째 매개변수: 탐색할 배열

두 번째 매개변수: 각 요소를 탐색한 후 실행되는 콜백 함수

콜백 매개변수 함수:

첫 번째 매개변수: 순회된 요소

두 번째 매개변수: 순회된 인덱스

는 기본 js 맵 메소드처럼 배열을 순회할 수 있습니다.

그러면 의사 배열을 순회할 수 있습니까? 그럼 바로 코드를 살펴보겠습니다!


분명히 가능합니다. jQuery의 Each 메소드와 마찬가지로 map 메소드도 의사 배열을 순회할 수 있습니다.

jQuery의 각 메소드와 map 메소드는 모두 배열과 의사 배열을 순회할 수 있기 때문입니다. 그들 사이의 차이점은 무엇입니까?

  1. 각 메소드의 기본 반환값은 통과한 사람을 반환하는 것입니다
    2. map 메소드의 기본 반환값은 빈 배열입니다




1. 각 메소드는 지원되지 않습니다. 콜백 함수에서 순회된 배열을 처리합니다
2. map 메소드는 콜백 함수의 return을 통해 순회된 배열을 처리한 다음 새 배열을 생성하여 반환할 수 있습니다.


map 메소드는 인덱스에 상위 인덱스에 해당하는 값을 더한 것이므로, map 메소드는 return을 통해 순회된 배열을 처리한 후, 반환할 새로운 배열을 생성할 수 있습니다


그리고 각각은 return을 통한 콜백 함수에서 순회된 배열 처리를 지원하지 않습니다.
위의 비교를 통해 map 메소드를 사용하는 경우와 사용하는 경우의 차이점을 이해해야 합니다. 각 방법에 대한 명확한 이해가 있어야겠죠?

동영상 튜토리얼 추천: jQuery 동영상 튜토리얼

위 내용은 jquery의 맵이 객체 등을 반환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿