>  기사  >  웹 프론트엔드  >  자바스크립트 맵 메소드의 용도는 무엇입니까?

자바스크립트 맵 메소드의 용도는 무엇입니까?

青灯夜游
青灯夜游원래의
2021-04-19 18:16:4924155검색

JavaScript에서 map() 메서드는 새 배열을 반환하는 데 사용됩니다. 배열의 요소는 함수 호출 후 원래 배열 요소의 값입니다. map() 메서드는 순서에 따라 요소를 처리합니다. 원래 배열 요소의 순서에 따라 구문은 "array.map(function(value,index value,array){})"입니다.

자바스크립트 맵 메소드의 용도는 무엇입니까?

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

javascript map() 메소드

map() 메소드는 새로운 배열을 반환하며 배열의 요소는 함수 호출 후 원래 배열 요소의 값입니다.

map() 메서드는 원래 배열 요소의 순서대로 요소를 순차적으로 처리합니다.

참고: map()은 빈 배열을 감지하지 않습니다. map()은 원래 배열을 변경하지 않습니다.

구문: ​​

array.map(function(item,index,arr){})

map은 하나의 매개변수를 갖습니다. 매개변수는 함수입니다.

  • 매개변수 1: 항목이 필요합니다. 현재 요소의 값

  • 매개변수 2: 인덱스, 선택사항. 배열

  • 에 있는 현재 요소의 인덱스 값입니다. 매개변수 3: arr은 선택 사항입니다. 현재 요소가 속한 배열 객체

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮获取数组元素的平方根。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
var numbers = [4, 9, 16, 25];
function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}
</script>
</body>
</html>

Rendering:

자바스크립트 맵 메소드의 용도는 무엇입니까?

[추천 학습: javascript 고급 튜토리얼]

위 내용은 자바스크립트 맵 메소드의 용도는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.