JavaScript에서 forEach() 메소드와 map() 메소드의 차이점은 무엇입니까?
- 王林앞으로
- 2023-09-10 13:05:081400검색
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('div');
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('div');
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!