Chorme浏览器中for循环里面console.log打印二维数组，展开后数据全部一样，出现value below was evaluated just now问题

前言

之前在做蚁群算法研究时，遇到数据爆炸，想打印查看js数据极限点，于是设置迭代次数为5，预期是每次迭代就打印一次信息数矩阵，5次迭代打印5组不同的二维数组，好来查看每次循环中信息素的变化情况。但是console.log出来的所有数据是一样的，点击右上角的感叹号，出现Value below was evaluated just now。与预期不符。

（说明：开始猜想for循环打印的东西都一样，是不是闭包问题，试着往闭包方向去解决，采用let定义，都无效。结果证明此问题不是闭包问题，是console.log取值问题）

 

然后我模拟该算法，采用一套简单逻辑分析其原因。代码如下，设置循环次数（蚂蚁迭代次数为5次），查看每次迭代信息数的变化情况。预期情况也是每次迭代就打印一次数组，5次迭代有5组不同结果：

出现的结果却是与预期相符的，每次循环迭代出现结果不同

但是，当我点开数组后发现：又出现了Value below was evaluated just now。没展开的值，如黄色框内是不同的，展开后，如红色框内的值全是一样的。究其原因，可以发现其实是在Chrome Console.log()点击展开数组时，会重新去读一遍内存真实的值然后显示，所以展开后都是最终值。

 

因此，在打印二维数组时，其实如若不展开，他显示的就是当前值，但是点击展开后，会重新去内存读值，所以展开的值，全是最终值，所以看到所有二维数组打印的都是一个值的情况。

但是如果不展开，又看不到值，所以本文介绍以下几种解决方案：

方案一：document.write()输出显示

可以得到想要的结果，篇幅问题就不截图了。

方案二：打印之前克隆对象

function deepClone(obj){
    var result,oClass=isClass(obj);
    //确定result的类型
    if(oClass==="Object"){
        result={};
    }else if(oClass==="Array"){
        result=[];
    }else{
        return obj;
    }
    for(key in obj){
        var copy=obj[key];
        if(isClass(copy)=="Object"){
            result[key]=arguments.callee(copy);//递归调用
        }else if(isClass(copy)=="Array"){
            result[key]=arguments.callee(copy);
        }else{
            result[key]=obj[key];
        }
    }
    return result;
}
//返回传递给他的任意对象的类
function isClass(o){
    if(o===null) return "Null";
    if(o===undefined) return "Undefined";
    return Object.prototype.toString.call(o).slice(8,-1);
}
function sleep(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return;
    }
}

可以看到，这样打印出来的就是每次都不一样了。 

方案三：Json.Stringify转换成字符串