JavaScript에서 forEach() 메소드와 map() 메소드의 차이점은 무엇입니까?-JS 튜토리얼-php.cn

JavaScript에서 forEach() 메소드와 map() 메소드의 차이점은 무엇입니까?

王林

풀어 주다： 2023-09-10 13:05:08

앞으로

1428명이 탐색했습니다.

JavaScript 中的 forEach() 和 map() 方法有什么区别？

JavaScript는 배열과 객체를 반복하는 다양한 방법을 제공합니다. 가장 일반적인 방법은 배열이나 객체의 요소를 반복하는 데 사용되는 for 루프입니다. 그러나 forEach() 및 map() 메서드와 같이 배열과 객체를 반복하는 다른 방법이 있습니다.

forEach() 메소드

forEach( ) 메소드는 배열이나 객체의 각 요소를 반복하는 데 사용됩니다. forEach() 메서드는 콜백 함수를 매개변수로 사용합니다. 배열이나 객체의 각 요소에 대해 콜백 함수가 호출됩니다.

forEach() 메서드는 for 루프와 유사하지만 반환 값이 없습니다.

예제

아래는 전체 작업 코드와 설명입니다. -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5];
      arr.forEach(function(element){
         var item2 = document.createElement(&#39;div&#39;);
         item2.innerText = element;
         document.getElementById("result").appendChild(item2);
      });
   </script>
</body>
</html>

로그인 후 복사

위 코드에서는 "arr"이라는 배열을 정의했습니다. forEach() 메서드는 "arr" 배열에서 호출됩니다. forEach() 메서드는 콜백 함수를 매개변수로 사용합니다. 콜백 함수는 "arr" 배열의 각 요소에 대해 호출됩니다.

map() 메소드

map() 메소드는 배열이나 객체의 각 요소를 반복하는 데 사용됩니다. map() 메소드는 콜백 함수를 매개변수로 사용합니다. 배열이나 객체의 각 요소에 대해 콜백 함수가 호출됩니다.

map() 메서드는 forEach() 메서드와 유사하지만 새 배열을 반환합니다.

예제

아래는 전체 작업 코드와 설명입니다. -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5];
      arr.map(function(element){
         var item2 = document.createElement(&#39;div&#39;);
         item2.innerText = element;
         document.getElementById("result").appendChild(item2);
      });
   </script>
</body>
</html>

로그인 후 복사

위 코드에서는 "arr"이라는 배열을 정의했습니다. "arr" 배열에서 map() 메서드를 호출합니다. map() 메소드는 콜백 함수를 매개변수로 사용합니다. 콜백 함수는 "arr" 배열의 각 요소에 대해 호출됩니다. 콜백 함수의 반환 값은 "newArr"이라는 새 배열에 저장됩니다.

map() 대 forEach()

map() 및 forEach() 일부 차이점) 메서드는 아래에 나열되어 있습니다. -

map() 메서드는 새 배열을 반환하지만 forEach() 메서드는 새 배열을 반환하지 않습니다. 정렬.
map() 메서드는 배열 요소를 변환하는 데 사용되는 반면 forEach() 메서드는 배열 요소를 반복하는 데 사용됩니다.
map() 메서드는 filter() 메서드와 같은 다른 배열 메서드와 함께 사용할 수 있지만 forEach() 메서드는 다른 배열 메서드와 함께 사용할 수 없습니다.

결론

요약하자면 forEach() 및 map() 메서드는 모두 배열과 객체를 반복하는 데 사용됩니다. forEach() 메서드는 새 배열을 반환하지 않지만 map() 메서드는 새 배열을 반환합니다. map() 메서드는 배열 요소를 변환하는 데 사용되는 반면 forEach() 메서드는 배열 요소를 반복하는 데 사용됩니다.

위 내용은 JavaScript에서 forEach() 메소드와 map() 메소드의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!