js如何向数组对象里面添加元素

路遇春风

于 2020-07-30 17:28:00 发布

阅读量4.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_44046781/article/details/107694216

版权

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文探讨了在向时间轴数据结构中添加记录时，如何使用深拷贝来避免引用类型对象修改导致的数据同步问题。通过对比不同拷贝方法，如Object.assign、JSON.parse与JSON.stringify及解构赋值，展示了正确处理对象拷贝的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景

在这里插入图片描述

数据格式为

//form表单数据
formInline: {
          time:'',
          remark:''
      },
      //时间轴数据
   timeLineList: [
        {
          time: "2020-01-04 11:17",
          remark: "开会",
        },
        {
          time: "2020-01-04 11:17",
          remark: "开会",
        },
        {
          time: "2020-01-04 11:17",
          remark: "开会",
        },
      ],

点击保存把formInline 存到timeLineList

   // Object.assign
   this.timeLineList.push(  Object.assign({}, this.formInline));
   // JSON.Stringfy
    this.timeLineList.push(JSON.parse(JSON.stringify(this.formInline)));
   // 解构赋值
     this.timeLineList.push({...this.fromInline});