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取值问题)

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

 

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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;
    }
}

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

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

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

你可能感兴趣的:(前端)