面试常问：数组遍历forEach和map的区别

一.forEach的用法：

let arr = ["a", "b", "c", "1", "2", 3];
    var a = arr.forEach(function (value, index, arr) {
        //console.log(arr[index]); // 打印结果为 "a", "b", "c", "1", "2", 3
        return value + value;
    })
console.log("forEach返回值:", a); // undefined

二.map的用法：

let arr = ["a", "b", "c", "1", "2", 3];
var b = arr.map(function (value, index, arr) {
        //console.log(arr[index]); // 打印结果为 "a", "b", "c", "1", "2", 3
        return value + value;
    })
 console.log("map返回值:", b); // ['aa', 'bb', 'cc', '11', '22', 6]

 

 

 三.总结：

数组常用遍历方法：
            1. forEach(function(value, index, arr){}); // for循环的加强版
            value: 数组中的每一个元素
            index: 下标/索引
            arr: 数组本身

            会改变原数组 没有返回值
            直接引入当前遍历数组的内存地址 类似于浅拷贝的套路
            2.map(function(value, index, arr){}); // for循环的加强版
            value: 数组中的每一个元素
            index: 下标/索引
            arr: 数组本身

            有返回值 不改变原数组(形成了新的数组)
            形成了新的数组， 地址和值都改变 类似于深拷贝
            

            forEach() <===> for(let i = 0; i < arr.length; i++){}<==>map()

相同点：都能遍历数组

不同点：map:有返回值 不改变原数组 形成了新的数组， 地址和值都改变 类似于深拷贝

              forEach:会改变原数组 没有返回值,相当于forEach遍历是直接引入当前遍历数组的内存地址 类似于浅拷贝 

下期了解一下堆和栈的概念以及深拷贝浅拷贝