当前位置: 首页 > news >正文

前端 = [...this.orderList] (深拷贝)和this.orderList (引用赋值)

  • this.formInfo.taskItemList = [...this.orderList]深拷贝(浅层深拷贝),会创建一个新数组,不会影响原数组。

  • this.formInfo.taskItemList = this.orderList引用赋值,两个变量指向同一个数组,修改其中一个会影响另一个。

举个例子:

this.orderList = [1, 2, 3];// 方式一:深拷贝
this.formInfo.taskItemList = [...this.orderList];
this.formInfo.taskItemList.push(4);console.log(this.orderList); // [1, 2, 3] 不受影响// 方式二:引用赋值
this.formInfo.taskItemList = this.orderList;
this.formInfo.taskItemList.push(4);console.log(this.orderList); // [1, 2, 3, 4] 原数组也被改了

总结:

  • 如果你不希望 taskItemList 的改动影响到 orderList,用 [...this.orderList]

  • 如果你希望它们始终同步,用 this.orderList 直接赋值即可。

http://www.dtcms.com/a/461858.html

相关文章:

  • 部门管理|“删除部门”功能实现(Django5零基础Web平台)
  • 从 0 到 1 搭建 Python 语言 Web UI自动化测试学习系列 12--日志模块设计
  • 服务器网站源码在哪七牛云配置wordpress
  • SQL-多对多关系
  • PostgreSQL 18 异步 I/O(AIO)调优指南
  • 购物网站名字大全云虚拟主机 多个网站
  • 使用DuckDB SQL求三阶六角幻方
  • 电子商务网站建设一般流程无忧代理 在线
  • 一文了解Function Calling、MCP、Agent联系与区别
  • 存储芯片核心产业链主营产品:兆易创新、北京君正、澜起科技、江波龙、长电科技、佰维存储,6家龙头公司主营产品深度数据
  • Git 常用命令完整指南
  • 网站维护入口房子装修设计软件
  • MySQL 延时从库的作用与意义
  • h5网站价格wordpress footer.php添加qq悬浮
  • 【脚本升级】银河麒麟V10一键安装MySQL9.3.0
  • android pdf框架-15,mupdf工具与其它
  • 前端通用文件下载方案:从 Blob 流处理到实际业务落地
  • 箭头函数的this指向问题
  • 【Vue】——生命周期、ref属性、hooks
  • 网站服务器如何维护小米商城wordpress主题
  • 寻梦数据空间 | 架构篇:从概念到落地的技术实践与突破性创新
  • PySide6 文本编辑器(QPlainTextEdit)实现查找对话功能(匹配完整单词,区分大小写)——重构版本
  • golang面经——GMP相关
  • 谷歌英文网站简单的网站php开发教程
  • 免费一键自助建站官网域名及对应网站
  • AI编程Cursor最强竞争对手来了,CodeX三种操作系统喂饭级安装教程!
  • Spring Cloud Alibaba 最新五大核心组件
  • 融乐Mini1.9.3 | 支持在线播放,本地播放,内置两条线路,免费畅听全网音乐
  • 车行网站源码微信公众平台营销
  • 客户端加密 和 服务端加密:端到端安全的真正含义