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

﹏ヽ暗。殇╰゛Y 2022-04-15 06:10 512阅读 0赞

# 前言 #

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 1][]

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

![20181122142638642.png][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 2][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 3][]

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 4][]

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

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

![20181122144711908.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 5][]

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

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

![20181122144912618.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 6][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70]: /images/20220415/606317cd4f494ecf9c91c59d085691ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 1]: /images/20220415/11800f47995c4c9ab086d722bff78305.png
[20181122142638642.png]: /images/20220415/435b853316a24129b8916574bd06a176.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 2]: /images/20220415/f45d1d3dddaa446796a35028f7150cea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 3]: /images/20220415/e1c9cb1f78a940ffb499875ddf9e3c61.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 4]: /images/20220415/e4fc796009e44bcbaa69955996478fdf.png
[20181122144711908.png]: /images/20220415/35332e14abb8445983d4cbf87800fc67.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 5]: /images/20220415/ef2586012ff8441085be3da1e20b0727.png
[20181122144912618.png]: /images/20220415/a2e6ec72d2b84a19a38c432a908433f3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70 6]: /images/20220415/e0bb66af6b9c415abac77b9f0bb2432f.png