Vue对象复制 数组复制 复制数组 浅复制 深复制 对象引用

对象复制

javascript 复制代码
// 对象复制
this.documentsTemp = Object.assign({}, this.documentsInit)

数组复制

javascript 复制代码
// 数组复制是用slice()
this.documentsTemp = this.documentsInit.slice()

完整示例

javascript 复制代码
// 赋值(赋引用 实质是两个指向同一个对象)
this.form = res.data
// 对象复制,初始化 清缓存,不能使用简单赋值语句 是指向同一个对象 应使用对象复制方式
// this.documentsTemp = Object.assign({}, this.documentsInit)
// 数组复制是用slice()
this.documentsTemp = this.documentsInit.slice()
// like12 add,20230924,电子档案处理
if (res.data.documents && res.data.documents.length > 0) {
  res.data.documents.forEach(e => {
    this.documentsTemp[e.fileFlag] = e
  })
}
this.form.documents = this.documentsTemp

参考:

Vue复制对象详解_笔记大全_设计学院

Object.assign详解_我带你们飞的博客-CSDN博客

相关推荐
cc蒲公英7 分钟前
javascript有哪些内置对象
java·前端·javascript
zhangwenwu的前端小站21 分钟前
vue 对接 Dify 官方 SSE 流式响应
前端·javascript·vue.js
叫我詹躲躲1 小时前
Vue 3 组件开发最佳实践:可复用组件设计模式
vue.js
AY呀1 小时前
# 🌟 JavaScript原型与原型链终极指南:从Function到Object的完整闭环解析 ,深入理解JavaScript原型系统核心
前端·javascript·面试
氤氲息1 小时前
鸿蒙 ArkTs 的WebView如何与JS交互
javascript·交互·harmonyos
小皮虾1 小时前
护航隐私!小程序纯前端“证件加水印”:OffscreenCanvas 全屏平铺实战
前端·javascript·微信小程序
叫我詹躲躲1 小时前
Vue 3 动画效果实现:Transition和TransitionGroup详解
javascript·vue.js
叫我詹躲躲1 小时前
别再用mixin了!Vue3自定义Hooks让逻辑复用爽到飞起
javascript·vue.js
豆苗学前端2 小时前
HTML + CSS 终极面试全攻略(八股文 + 场景题 + 工程落地)
前端·javascript·面试
珑墨2 小时前
【迭代器】js 迭代器与可迭代对象终极详解
前端·javascript·vue.js