JavaScript 提供了多種循環(huán)數(shù)組和對象的方法。最常見的方法是 for 循環(huán)，它用于迭代數(shù)組或對象的元素。但是，還有其他方法可以循環(huán)遍歷數(shù)組和對象，例如 forEach() 和 map() 方法。
forEach() 方法
forEach( ) 方法用于循環(huán)遍歷數(shù)組或對象的每個元素。 forEach() 方法采用回調函數(shù)作為參數(shù)。為數(shù)組或對象的每個元素調用回調函數(shù)。
forEach()方法與 for 循環(huán)類似，但它沒有返回值。
示例
下面是完整的工作代碼和解釋 –
<!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”的數(shù)組。 forEach() 方法在“arr”數(shù)組上調用。 forEach() 方法采用回調函數(shù)作為參數(shù)。為“arr”數(shù)組的每個元素調用回調函數(shù)。
map()方法
ma??p()方法用于循環(huán)遍歷數(shù)組或對象的每個元素。 map() 方法采用回調函數(shù)作為參數(shù)。為數(shù)組或對象的每個元素調用回調函數(shù)。
ma??p() 方法類似于 forEach() 方法，但是它返回一個新數(shù)組。
示例
下面是完整的工作代碼和解釋 –
<!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”的數(shù)組。在“arr”數(shù)組上調用map()方法。 map() 方法采用回調函數(shù)作為參數(shù)。為“arr”數(shù)組的每個元素調用回調函數(shù)。回調函數(shù)的返回值存儲在一個名為“newArr”的新數(shù)組中。
map() 與 forEach()
map() 和 forEach() 的一些區(qū)別) 方法如下列出 –
map() 方法返回一個新數(shù)組，而 forEach() 方法不返回新數(shù)組。
map() 方法用于轉換數(shù)組的元素，而 forEach() 方法用于循環(huán)數(shù)組的元素。
map() 方法可以與其他數(shù)組方法一起使用，例如 filter() 方法，而 forEach() 方法不能與其他數(shù)組方法一起使用。
結論
綜上所述，forEach() 和 map() 方法都用于循環(huán)數(shù)組和對象。 forEach() 方法不返回新數(shù)組，而 map() 方法返回新數(shù)組。 map() 方法用于轉換數(shù)組的元素，而 forEach() 方法用于循環(huán)數(shù)組的元素。
以上就是JavaScript 中的 forEach() 和 map() 方法有什么區(qū)別？的詳細內容，更多請關注www.92cms.cn其它相關文章！
