JS数组与对象赋值问题

Posted edward-life

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS数组与对象赋值问题相关的知识,希望对你有一定的参考价值。

在W3C的在线编程中经过测试发现以下问题:

当一个数组内部元素为对象时,给数组赋值应该先给对象赋值,然后把该对象push到数组中。

如下所示:

技术图片

在控制台打印之后的数据格式为下图所示:

技术图片

如果在给数组赋值的时候直接给对象赋值则会报错,如下所示:

技术图片

技术图片

以上是在W3C的测试结果。下面是本人在开发过程中因为同样的原因导致的CSS样式不应用的错误。

当通过循环直接向每个数组元素的独享赋值的时候,在控制台打印出的数据格式如下:

技术图片

技术图片

 

而当通过先给对象赋值,然后把对象 push 进数组的方式得到的数据格式如下:

技术图片

技术图片

以上是关于JS数组与对象赋值问题的主要内容,如果未能解决你的问题,请参考以下文章

vue.js 结构赋值--数组

JS之向对象数组添加属性并赋值

ES6 解构赋值

JS中深拷贝数组对象对象数组方法

vue3.0数组清空与重新赋值

JS解构赋值