前端開發Map和Foreach區別,Map遍歷方式用法介紹

前端開發中的map和forEach都是JavaScript中常用的數組遍歷方法,它們的區別主要在于返回值和對原數組的影響。
具體介紹如下:
1、map方法介紹
map方法會遍歷數組中的每一個元素,執行回調函數,并返回執行結果組成的新數組,原數組不會被修改。其中回調函數可以接收三個參數:當前元素、當前元素的索引、原始數組。
map方法的使用方式如下:
const newArray = array.map(function(currentValue, index, array) {
// 對當前元素進行處理,并返回處理結果
});示例代碼:
const array = [1, 2, 3];
const newArray = array.map(function(item) {
return item * item;
});
console.log(newArray); // [1, 4, 9]
console.log(array); // [1, 2, 3]上面的代碼中,map方法遍歷了原數組array,對每個元素進行了平方操作,并將平方結果作為新數組newArray的元素返回。原數組array沒有被修改。
2、forEach方法介紹
forEach方法會遍歷數組中的每一個元素,執行回調函數,但是沒有返回值,也不能改變原數組。其中回調函數可以接收三個參數:當前元素、當前元素的索引、原始數組。
forEach方法的使用方式如下:
array.forEach(function(currentValue, index, array) {
// 對當前元素進行處理,但是不能有返回值
});示例代碼:
const array = [1, 2, 3];
array.forEach(function(item) {
console.log(item * item);
});
console.log(array); // [1, 2, 3]上面的代碼中,forEach方法遍歷了原數組array,對每個元素進行了平方操作,但是沒有返回值,并且原數組array也沒有被修改。
綜上所述,map方法和forEach方法都是用于數組遍歷的常用方法,但它們的返回值和對原數組的影響是不同的。在使用時需要根據具體情況選擇合適的方法。





























