js数组中的引用类型

我们看一下这个例子：

let a={tile:'深复制'};
let b=a;
a.title='浅复制';

那么我们会获得两个对象，一个a，一个b，a的title是浅复制，b的title是深复制。
但结果真是这样吗？

我们console.log一下

为啥两个都是输出"浅复制"。。。。

其实，a，b是共用同一个地址，所以虽然看起来是两个对象，其实就是一个对象，a===b，这就是深复制，复制的不仅仅是数据，而且连地址一起复制过来了，相当于Windows的快捷方式，表面上看起来一个在C盘，一个在D盘，其实都是一个文件。

那么，如果我们仅仅想复制”深复制“这三个字呢？a的title和b的title要不同，我们如何来做。

let a={title:'深复制'};
let b={...a,content:"一个教程"};
a.title='浅复制';
console.log(a.title);
console.log(b.title);

我们再来看打印结果

这样我们虽然复制了a的所有数据，但是a和b是不同的对象，更改任意一个的数据，不会影响到第二个，而且b还可以对a 进行拓展，比如加了content一个字段。

添加一个字段很烦？那再来说说这个

let a=[1,23];
let b=[...a];
b[1]=32;
console.log(a);   //[1, 23]
console.log(b);  //[1, 32]

看到了么？ES6的剩余参数也可以直接做到深复制,完全不需要添加字段或者数组a.concat('')来进行复制

更新，上面这个不对，往下看

let a =[{a:1}]
let b = JSON.parse(JSON.stringify(a))
b[0].a=3consloe.log(a[0].a)  // 1

用json转才可以完成深赋值，因为字符串转成对象之后就是一个新的对象了；

js数组中的引用类型相关推荐

从JS数组中删除重复的值[duplicate]
本文翻译自:Remove duplicate values from JS array [duplicate] This question already has answers here : 这个问 ...
js数组中forEach/some/every/map/filter/reduce的区别
2019独角兽企业重金招聘Python工程师标准>>> // js数组中forEach/some/every/map/filter/reduce的区别// 1. foreach:就是 ...
JS数组中 forEach() 和 map() 的区别
JS数组中 forEach() 和 map() 的区别 Array中 Array.forEach()和 Array.map()方法之间的区别. forEach()和map()方法通常用于遍历Array ...
去除html重复的元素 js,js数组中去除重复值的几种方法
在日常开发中,我们可能会遇到将一个数组中里面的重复值去除,那么,我就将我自己所学习到的几种方法分享出来去除数组重复值方法: 1,利用indexOf()方法去除思路:创建一个新数组,然后循环要去重的 ...
js数组中foEach和map的用法详解 jq中的$.each和$.map
数组中foEach和map的用法详解相同点: 1.都是循环遍历数组(仅仅是数组)中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项value, ...
js list删除指定元素_删除js数组中的指定元素，有这两步就够了
js数组是js部分非常重要的知识,有时我们有这么个需求js数组删除指定元素,先定义一个函数来获取删除指定元素索引值,然后用js数组删除的方法,来删除指定元素即可,就两步不难,很简单. 1.JS的数组对 ...
js数组中常见的方法
在js里面有许多对数组进行处理的方法,下面介绍一下常用方法 push()方法,作用:在数组尾部添加入一个或多个数据,返回数组的新长度实例: <script>var arr = [1,2, ...
js数组中深拷贝的方法
一.什么是浅拷贝在js当中,我们常常遇到数组复制的的情况,许多人一般都会使用"="来直接把一个数组赋值给一个变量,如 1 var a=[1,2,3]; 2 var b=a; 3 ...
js数组中indexOf和findIndex的区别
1. indexOf 语法 arr.indexOf(searchElement[, fromIndex]) 参数 searchElement 要查找的元素 fromIndex (可选 ) 开始查找 ...

js数组中的引用类型

js数组中的引用类型相关推荐

最新文章

热门文章