数组进了多个obj,但是 在修改某个num值时,导致别的num值也发生了变化如何解决?

news2024/11/18 2:27:30

问题如下:

遇到的问题,数组monthArr1 push进了多个obj,但是 在修改某个num值时,导致别的num值也发生了变化。

而这就是深拷贝浅拷贝的问题。

解决浅拷贝使用深拷贝最简单方法 :JSON.parse(JSON.stringify(obj))

或者:

使用深拷贝函数来进行深拷贝。

function deepCopy(obj) { if (typeof obj !== 'object' || obj === null) { return obj; } let copy; if (Array.isArray(obj)) { copy = []; for (let i = 0; i < obj.length; i++) { copy[i] = deepCopy(obj[i]); } } else { copy = {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { copy[key] = deepCopy(obj[key]); } } } return copy; } const obj = { month: monthStart.toISOString().slice(0, 7), num: 0 }; const copiedObj = deepCopy(obj); this.monArr.push(copiedObj);

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  let copy;
  if (Array.isArray(obj)) {
    copy = [];
    for (let i = 0; i < obj.length; i++) {
      copy[i] = deepCopy(obj[i]);
    }
  } else {
    copy = {};
    for (let key in obj) {
      if (obj.hasOwnProperty(key)) {
        copy[key] = deepCopy(obj[key]);
      }
    }
  }

  return copy;
}

const obj = {
  month: monthStart.toISOString().slice(0, 7),
  num: 0
};

const copiedObj = deepCopy(obj);
this.monArr.push(copiedObj);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1655878.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

人工智能应用正在改变我们的生活

在这个AI蓬勃发展的时代&#xff0c;你如何使用人工智能&#xff1f;如果您认为还没有&#xff0c;请再想一想。人工智能已经为我们的许多日常活动提供了动力&#xff0c;尽管您可能还没有有意将其用作工具&#xff0c;但这种情况可能会在不久的将来发生变化。随着顶尖科技公司…

【ElementUI -- 优化小技巧系列】 -- el-tree 节点内容过长优化 以及选中默认节点

在使用elementui过程中经常碰到关于样式的问题&#xff0c;我曾经很喜欢通过类名修改css样式来做&#xff0c;其实原生封装的elementui库的样式对于普通开发来说已经足够了&#xff0c;通过类名修改css只会让组件臃肿难以维护&#xff0c;现在真的越来越怕写css&#xff0c;经常…

eBay、亚马逊、沃尔玛平台如何做测评:专业指南

在电子商务领域&#xff0c;产品测评扮演着至关重要的角色。无论是eBay、亚马逊还是沃尔玛&#xff0c;这些电商平台都依赖于用户评价和反馈来建立信任&#xff0c;推动销售&#xff0c;并优化用户体验。然而&#xff0c;如何在这些平台上进行有效的产品测评&#xff0c;对于卖…

自然语言处理(NLP)技术有哪些运用?

目录 一、自然语言处理&#xff08;NLP&#xff09;技术有哪些运用&#xff1f; 二、Python进行文本的情感分析 1、NLTK库: 2、TextBlob库: 三、错误排除 一、自然语言处理&#xff08;NLP&#xff09;技术有哪些运用&#xff1f; 自然语言处理&#xff08;NLP&#xff09…

堆的基本操作(c语言实现)

1.堆的基本操作 1.1定义堆 typedef int HPDataType;//堆中存储数据的类型typedef struct Heap {HPDataType* a;//用于存储数据的数组int size;//记录堆中已有元素个数int capacity;//记录堆的容量 }HP;1.2初始化堆 然后我们需要一个初始化函数&#xff0c;对刚创建的堆进行初…

Wappalyzer指纹识别下载安装使用教程,图文教程(超详细)

「作者简介」&#xff1a;2022年北京冬奥会网络安全中国代表队&#xff0c;CSDN Top100&#xff0c;就职奇安信多年&#xff0c;以实战工作为基础对安全知识体系进行总结与归纳&#xff0c;著作适用于快速入门的 《网络安全自学教程》&#xff0c;内容涵盖系统安全、信息收集等…

element输入框后面带输入的字符数量

使用el-input的属性&#xff1a; maxlength&#xff1a;最长字符限制&#xff1b; show-word-limit&#xff1a;显示输入字符数量&#xff1b; 例&#xff1a; js代码&#xff1a; <el-form-item label"文件名称: " prop"title"> <el-input v…

揭秘APP搭建:如何对接广告变现?

在移动应用&#xff08;App&#xff09;的开发与运营中&#xff0c;广告对接和流量变现是重要的环节。对于开发者而言&#xff0c;如何有效地利用自己的应用资源进行变现&#xff0c;同时又能提供用户良好的体验&#xff0c;是一个值得深入探讨的话题。以下便是关于App搭建如何…

如何训练一个非常像的真人LoRA

在本篇文章中&#xff0c;我们将探索如何训练一个能够将喜爱的人物置入任何场景中并实现高度一致性的LoRA模型。借助LoRA&#xff0c;我们能够创造出极为逼真的人物图像&#xff0c;就如同我为斯嘉丽训练的LoRA模型所展示的那样。 那么&#xff0c;让我们一起深入了解如何训练L…

基于Go编写一个人员管理系统案例

代码结构 人员结构体 package entity// 结构体&#xff1a;人 type Person struct {Id intName stringSex stringAge int }// 构造函数 func NewPerson(id int, name, sex string, age int) *Person {return &Person{Id: id,Name: name,Sex: sex,Age: age,} }人员…

揭秘豆瓣网站爬虫:利用lua-resty-request库获取图片链接

介绍 在网络数据采集领域&#xff0c;爬虫技术在图片获取方面具有广泛的应用。而豆瓣网站作为一个内容丰富的综合性平台&#xff0c;其图片资源也是广受关注的热点之一。本文将聚焦于如何利用Lua语言中的lua-resty-request库&#xff0c;高效地从豆瓣网站获取图片链接。我们将…

基于Django图像识别系统毕业设计(付源码)

前言&#xff1a;Django是一个由Python编写的具有完整架站能力的开源Web框架&#xff0c;Django本身基于MVC模型&#xff0c;即Model&#xff08;模型&#xff09;View&#xff08;视图&#xff09; Controller&#xff08;控制器&#xff09;设计模式&#xff0c;因此天然具有…

智慧旅游推动旅游服务智慧化转型:借助智能科技的力量,实现旅游资源的精准匹配和高效利用,为游客提供更加便捷、舒适的旅游环境

目录 一、引言 二、智慧旅游的定义与特点 &#xff08;一&#xff09;智慧旅游的定义 &#xff08;二&#xff09;智慧旅游的特点 三、智能科技在旅游服务中的应用 &#xff08;一&#xff09;大数据分析助力旅游决策 &#xff08;二&#xff09;人工智能实现个性化推荐…

Nginx配置/.well-known/pki-validation/

当你需要在Nginx上配置.well-known/pki-validation/时&#xff0c;这通常是为了支持SSL证书的自动续订或其他验证目的。以下是配置步骤&#xff1a; 创建目录结构&#xff1a; 在你的网站根目录下创建一个名为.well-known的目录&#xff08;SSL证书申请之如何创建/.well-known/…

第二证券|炒股是波段好还是长期好?

炒股长时间比波段好一些&#xff0c;其原因如下&#xff1a; 1、长时间持有费用低 投资者在生意过程中&#xff0c;需求交纳必定的佣金费用、过户费用、印花税&#xff0c;而长时间持有股票&#xff0c;减少生意次数&#xff0c;能够节省一笔生意成本。 2、短期持有容易卖飞…

喜讯!莱佛士学生成功入围2024C-IDEA设计奖提名

近日&#xff0c;由澳大利亚平面设计协会、韩国视觉信息设计协会、波兰波兹南设计节、日本字体设计协会&#xff08;JTA&#xff09;、俄罗斯设计师协会、中国台湾高雄广告创意协会多家不同的国际设计机构联合发起组织的国际性设计赛事—— C-IDEA设计奖&#xff0c;公布了2024…

最近关注度比较多的小模型

微软推出的Phi系列中的最新成员——Phi-2。这个小型语言模型虽然参数量相对较小&#xff08;2.7亿参数&#xff09;&#xff0c;但是它在多项基准测试中展示了杰出的表现&#xff0c;特别是在常识推理和语言理解方面。Phi-2强调了在保持模型相对轻量级的同时&#xff0c;依然能…

以花入曲、引药入曲……酒曲里的门道有多深?

执笔 | 敏 敏 编辑 | 古利特 无论是语文课本中的“唯有牡丹真国色&#xff0c;花开时节动京城”&#xff0c;还是朗朗上口的“等闲识得东风面&#xff0c;万紫千红总是春”&#xff0c;抑或是“若待上林花似锦&#xff0c;出门俱是看花人。”写尽了沉睡了一冬的春之热闹&…

收银系统源码--什么是千呼智慧新零售系统?

千呼智慧新零售系统是一套针对零售行业线上线下一体化收银系统。给门店提供线下称重收银、o2o线上商城、erp进销存、精细化会员管理、丰富营销插件等一体化解决方案。多端数据打通&#xff0c;实现线上线下一体化&#xff0c;提升门店工作效率&#xff0c;实现数字化升级&#…