js数组的拷贝赋值复制二三事总结

今天在看React-native性能优化的时候,看到如何避免shouldComponentUpdate的异常数据时,脑内一阵风暴,从而牵连出一连串的问题,于是有了这一篇关于js数组的复制(深浅拷贝)与赋值等为何能产生异常数据的文章。

有什么问题欢迎指正

 

现在进入正题:

首先异常数据的产生在于我们在复制赋值时,会有或没有改变到本身的值。

 

一、push与concat

 

push的定义是:像数组末尾添加一个或更多元素,并返回新的长度。该方法会改变数组的长度。

concat的定义是:连接两个或更多的数组,并返回结果,该方法不会改变现有数组,而仅仅会返回数组的一个副本。

var a = [1,2];  
a.push([3,4]);  
a.concat(5);  
//a为1 2 3,4 5 

 

二、深拷贝与浅拷贝

1.浅拷贝

JavaScript存储对象都是存地址的,所以浅复制会导致 a 和 b 指向同一块内存地址

数组的赋值其实相当于给了索引,改变其中一个变量其他引用都会改变

var a = [1,2,3];  
var b = a;  
b[0] = 4;  
//a为4 2 3  
//b为4 2 3  

根据上面存储对象的问题,这里就可以解决另一个问题:

    原始参数(比如一个具体的数字)被作为值传递给函数;值被传递给函数,如果被调用函数改变了这个参数的值,这样的改变不会影响到全局或调用函数。

    你传递一个对象(在js里数组不是简单数据类型,而是对象)到一个函数,如果在函数里面改变了这个参数的内容,在外部这个变化是可见的。

 

2.深拷贝

 

(1)slice 函数

(2)concat 函数

(3)assgin

 

三个函数的原理都是返回数组的一个副本(相当于另外开辟内存空间),所以并不会改变数组本身的的值

 

但是这里有一点不同,就是assgin与其他两点的不同

虽然说assgin也是深拷贝,但是他只是第一层深拷贝,第二层之后还是进行浅拷贝,例子如下:

var a = {  a1:{  aa1:'11',  aa2:'22'  }  
}  
var b = Object.assgin({},a);  
var c = Object.assgin({},a);  
b.a1.aa1 = 33;  
/*  
b:{  a1:{  aa1:'33',  aa2:'22'  }  
}  
c:{  a1:{  aa1:'33',  aa2:'22'  }  
}  
*/ 

转载于:https://www.cnblogs.com/ZpandaZ/p/7396974.html

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

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

相关文章

今天我勇敢的点就一个gpio口

现在已经三月份了,时间过得超快,早上起来打开电脑,有点不习惯,微信群唧唧歪歪的那些股神今天不知为什么安静了。我喜欢看大家热闹的样子,更喜欢热闹的时候给我们发几个红包。我记得2015年,股市非常好&#…

Linux 通用gpio口驱动,rockchip

dts文件 gpio_rs485: gpio_rs485 {status = "okay";compatible = "gpio,px30-gpio";cname = "rs485";en-gpio = <&gpio3 12 GPIO_ACTIVE_HIGH>;}

android自定义控件

---恢复内容开始--- 1.新建一个类&#xff0c;继承View父类。重写一个或多个构造器后&#xff0c;在图编辑器里就有该控件可以拖动添加了。 2.若想使用Draw来绘制自己的控件。可以在View&#xff08;&#xff09;方法中使用Draw&#xff08;&#xff09;来绘制。 3.还可以定义控…

python语言中strike_Python学习笔记

嵌套函数作用域def make_adder(augend):def add(addend):return augend addendreturn add内部的函数可以访问外部函数scope内的变量&#xff0c;但是不能够重新对其赋值。如果重新赋值那么会在内部函数的scope内创建一个同名的本地变量(Python不允许对non-local变量赋值)。yie…

数据结构(4)

文章目录栈与队列栈队列![在这里插入图片描述](https://img-blog.csdnimg.cn/20200301182116946.png?x-oss-processimage/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2Mzc4MA,size_16,color_FFFFFF,t_70)栈与队列 栈 ha…

写一个公用的gpio口驱动

因为项目需要控制的GPIO口比较多&#xff0c;如果每个GPIO口都写一个驱动就显得比骄麻烦&#xff0c;所以就写了一个通用的GPIO口驱动。只要dts里面配置好设备GPIO相关信息就可以自动加载了。可以很充分的体现多个设备一个驱动的优良性。dts文件gpio_rs485: gpio_rs485 {status…

数据结构(5)

文章目录各种算法选择排序插入排序希尔排序***快速排序***归并排序二分查找各种算法 def bubble_sort(alist):"""冒泡排序"""n len(alist)for j in range(n-1):count 0for i in range(0, n-1-j):# 班长从头走到尾if alist[i] > alist[i1]:a…

大神们都应该去哪里工作?

接上一篇文章。文中提到我认识了一个做嵌入式的大神&#xff0c;技术真的非常厉害。我们在调试过程中&#xff0c;遇到问题&#xff0c;他总是能告诉我们排查的手段&#xff0c;而且针对一个问题&#xff0c;他能想到几种不同的解决方案。嵌入式驱动跟其他软件有点不一样&#…

堆喷射

堆喷射主要用于绕过ASLR。下面演示堆喷射分析与效果。 1.代码 void heap_spray(){   char chunk[LEN] { 0 };   memset(chunk, 0x90, LEN - 10);   strcat(chunk, "shellcode");   for (int i 0;i < 100;i)   {     void *p malloc(LEN);    …

大华管理平台用户名_智能财务引领商业与管理变革——浙大EMBA首席财务官研习社走进大华股份...

杭商传媒记者 周 珂/文 徐青青/摄编辑 何影丹当前经济环境和市场需求瞬息万变&#xff0c;企业竞争日益激烈&#xff0c;盈利持续下降&#xff0c;产品、服务同质化严重&#xff0c;这不仅对业务部门提出了挑战&#xff0c;也对传统的财务管理产生了巨大的冲击。财务不能高…

【深度】韦东山:一文看尽 linux对中断处理的前世今生

作者&#xff1a;韦东山前言&#xff1a;本文&#xff0c;4200字&#xff0c;研究代码花了一天&#xff0c;写出来花了一天&#xff1b;录视频估计又得花半天&#xff1b;真怀念以前简单粗暴的生活啊&#xff1a;拿起话筒就录视频&#xff0c;先画好图&#xff1f;那是不需要的…

数据结构(6)二叉树

文章目录二叉树二叉树三种遍历二叉树知中及先或后序&#xff0c;求二叉树二叉树 class Node(object):""""""def __init__(self, item):self.elem itemself.lchild Noneself.rchild Noneclass Tree(object):"""二叉树"&qu…

鼠标中间无法打开新标签_还记得鼠标有几个键?Win10环境鼠标中键的妙用

大家经常使用鼠标&#xff0c;但有多少人还能意识到&#xff0c;其实鼠标是有三个键的&#xff1f;除了常用的左键右键&#xff0c;鼠标中间的滚轮也可以按下去&#xff0c;然而鼠标的这个中键&#xff0c;却日常坐冷板凳&#xff0c;几乎被人所遗忘。其实&#xff0c;鼠标中键…

vue技术栈

1 vue 说明:vue生命周期&#xff1a;技术点&#xff1a;1&#xff1a;常用的API:computed&#xff0c;methods&#xff0c;props&#xff0c;mounted&#xff0c;created&#xff0c;components 2vue-cli说明:vue绞手架&#xff0c;用于快速搭建项目&#xff0c;并管理项目技术…

python中pillow库怎么使用_Python 图像库Pillow使用

需求是将一张含有透明度的图片和一张正常图片进行常规合并&#xff0c;并在图片上添加文字&#xff0c;代码如下&#xff1a;from PIL import Imageimport cv2base_image Image.open(图片的绝对路径) # 有透明度的图片target Image.new(RGB, base_image.size, (0, 0, 0, 0)) …

找不到问题的核心,你永远解决不了问题。

上学那会儿&#xff0c;我是个数学常拿60分的人&#xff08;满分150分&#xff09;&#xff0c;我却喜欢做几何题。根据已知的条件&#xff0c;推导出所需的其他条件&#xff0c;所有需要的条件得出后&#xff0c;再根据正确的公式算出所求的值。这个不断求解的过程其实挺有意思…

.net MVC路由

首先&#xff0c;在MVC应用程序的入口函数Application_Start()中(在事件在GLOBAL文件中)&#xff0c;通过RouteConfig.RegisterRoutes(RouteTable.Routes)注册路由集合信息。RouteTable.Routes是一个公开的路由集对象&#xff0c;用于保存路由信息集合信息&#xff0c;类型问Ro…

浏览器访问pdf 的url怎么加密_怎么解决加密的pdf文件?

加密版的PDF文件我们每次打开时都需要输入密码才能进行阅读&#xff0c;而且一般不能直接进行复制和打印&#xff0c;这样会非常的麻烦。那如果我门想要解决这一问题呢就要将pdf文件的密码进行解除&#xff0c;可是如果是平民的我们不会解决怎么办呢&#xff1f;毕竟我们又不是…

范文100篇(2)

文章目录Should College Students Follow Fashion?思路翻译词汇句型Should College Students Follow Fashion? Today’s college students live in a word of fashion and some of them are keen on pursuing all the time.In fact, it is not uncommon to see some college…

Linux Storage入门学习

前言本文大量代码基于linux 0.11&#xff0c;因为早期linux的版本更加适合初学者入门。虽然代码比较早&#xff0c;但是不妨碍我们学习Linux Storage的精髓。一、hello world1.1 Demo#include<stdio.h> #include<unistd.h> #include<sys/types.h> #include&l…