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()方法
ma??p()方法用于循環遍歷數組或對象的每個元素。 map() 方法采用回調函數作為參數。為數組或對象的每個元素調用回調函數。
ma??p() 方法類似于 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() 方法有什么區別？的詳細內容，更多請關注www.92cms.cn其它相關文章！
