Intro首先明确两个概念:深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象的,如果只是值类型数据,则不存在所谓的深拷贝;浅拷贝只拷贝一层对象的属性,而深拷贝则递归拷贝了所有层级。这就引出了另一个基础的概念:数据类型。数据类型通常把数据类型分为 值类型 和 引用类型:值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义            
                
         
            
            
            
            一.直接复制对象问题  const obj={
            uname:'pink',
            age:18
        };
        const o=obj;
        console.log(o);
        o.age=20;
        console.log(o);
        console.log(obj);利用o来复制ob            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-24 16:52:00
                            
                                121阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            浅拷贝,深拷贝栈内存:简单数据类型Number String Boolean Null Undfined堆内存:复杂数据类型Object Function Array浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享的,修改新对象不会改到原数组直接赋值举例: //直接赋值   
let arr1 = ["北京", "            
                
         
            
            
            
            深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体,而不是引用。假设B复制了A,修改A的时候,看B是否发生变化:如果B跟着也变了,说明是浅拷贝,拿人手短!(修改堆内存中的同一个值)如果B没有改变,说明是深拷贝,自食其力!(修改堆内存中的不同的值)浅拷贝例子:// 浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用.
  var obj = {
    id:1,
    name:'ww'            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-20 09:45:57
                            
                                100阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            浅拷贝与深拷贝引用地址。 而深拷贝,就是非浅拷贝。拷贝除自身以外所有的对象,包括自身所包含的所有对象实例。至于深拷贝的层次,由具体的需求决定,也有“N层拷贝”一说。但是,所有的基本(primitive)类型数据,无论是浅拷贝还是深拷贝,都会进行原值拷贝。毕竟他们都不是对象,不是存储在堆中。注意:基本数据类型并不包括他们对应的包装类。  
 对于克隆(Clone),Java有一些限制: 
 
  1            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-04 13:49:15
                            
                                36阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言浅拷贝对指针的拷贝,拷贝后两个指针指向同一个内存空间,改变一个数组会同时改变另一个数组。深拷贝对指针和指针指向的内容都进行拷贝,深拷贝后的两个数组完全独立,存储在不同的地址。 1.对象的浅拷贝1、对象的直接遍历赋值。2、ES6中的 var copyObj = Object.assign({}, obj);3、ES7扩展运算符 var copyObj = { ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-11 09:59:53
                            
                                54阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.复制运算符 = 实现的是浅拷贝,是拷贝对象的引用值。 2.javaScript 中数组和对象自带的拷贝方法都是“首层深拷贝” 3.JSON.stringify 实现的是深拷贝,但对目标对象有要求(非 undefined ,function,symbol); 4.想真正意义上深拷贝,只能用递归方法实现深层次的拷贝。浅拷贝是只复制对象的引用(指针),而未复制真正的值,所以拷贝对象发生变化,原对象也            
                
         
            
            
            
            作者:zenglinan对象拷贝是经常会遇到的场景, 本文会总结几种深浅拷贝的方法一. 浅拷贝1. 浅拷贝的定义先来说说什么是浅拷贝, 首先要明确一点:直接拷贝对象的引用这不叫浅拷贝先来看一个案例: 拷贝引用:var obj1 = {  a: 1,  b: {    c: 1  }}var obj2 = obj1  // 拷贝 obj1 的引用obj2.a = 2console.log(obj1.            
                
         
            
            
            
              现象我们先来看一个demo  // 我们先申明一个变量str1,  我们申明一个对象并对它进行相同的操作  var  我们不难发现结果并不是我们预期的那样, 这是为什么呢?如果将obj1改成数组对象进行操作,亦是同样的结果。原因:由于String类型属于基本数据类型,Object(Array)属于引用数据类型。当我们申明一个基本类型并对它进行赋值的时候,计算机会将值保存在栈内存中。而当我们申明            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-21 02:49:21
                            
                                14阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、基本语法1.1、数组// 基础类型解构
let [a, b, c] = [1, 2, 3]
console.log(a, b, c) // 1, 2, 3
// 对象数组解构
let [a, b, c] = [{name: '1'}, {name: '2'}, {name: '3'}]
console.log(a, b, c) // {name: '1'}, {name: '2'}, {na            
                
         
            
            
            
            JavaScript 程序中,对于简单的数字、字符串可以通过 = 赋值拷贝 但是对于数组、对象、对象数组的拷贝,就有浅拷贝和深拷贝之分浅拷贝就是当改变了拷贝后的数据,原数据也会相应改变来说说深拷贝数组深拷贝遍历赋值不推荐此方法let a = [1, 2, 3]
let b = []
for (let val of a) {
  b.push(val)
}
b.push(4)
a // [1, 2,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-15 21:50:37
                            
                                122阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ES6深拷贝与浅拷贝            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-06-23 15:16:19
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            浅拷贝只是增加了一个指针指向已存在的内存地址,深拷贝是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存,拷贝后两者是同一个地址,则是浅拷贝,否则是深拷贝。可以结合值传递和引用传递来理解。一般的赋值操作是深度拷贝:int a = 5;
int b = a;因为这里的b是单独分配的一个地址空间,a和b地址不同。简单的指针指向,则是浅拷贝://浅拷贝
int a = 8;
int            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-26 10:02:38
                            
                                47阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            深拷贝(深克隆)之前写过一篇关于浅拷贝与深拷贝的文章,文章中提到浅拷贝和深拷贝主要是针对引用数据类型(对象、数组、函数)而言的,因为对于基础数据类型(string、number、boolean、null、undefined),不存在浅拷贝这一说,只要复制一份,就是一次深拷贝,即通过复制生成的值与原始值之间没有联系。那么深拷贝的实现方式有哪些呢?1.JSON.stringify()、JSON.par            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-21 12:33:36
                            
                                65阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录一、数据的分类二、不同数据的拷贝分类三、拷贝数据的五种方法四、五种拷贝方法对比(区分深拷贝和浅拷贝)五、深拷贝函数 一、数据的分类在进行拷贝之前我们要对要拷贝的数据类型进行分类 数据分为 基本数据类型和 引用数据类型 基本数据类型:Number,String,Boolean,Null,Undefined 引用数据类型:对象{ },数组[ ] 等二、不同数据的拷贝分类对于不同的数据类型,拷            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 22:05:59
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            深拷贝和浅拷贝JS的变量分为基本类型和引用类型,基本类型存储在栈中,而引用类型实际对象存储在堆内存中,栈中保存着对象在堆内存的地址。一般我们对引用类型变量做浅拷贝(obj1 = obj2),只能复制栈中的内存地址给新对象,指向的仍是同一片内存区域,一旦修改摸一个对象另一个对象也会被改变。深度拷贝是相对于浅拷贝而言的,是另外开辟出一个内存空间存储另一个一模一样的引用对象。深拷贝和浅拷贝都是针对引用变            
                
         
            
            
            
            前言深度克隆(深拷贝)一直都是初、中级前端面试中经常被问到的题目,网上介绍的实现方式也都各有千秋,大体可以概括为三种方式:JSON.stringify+JSON.parse, 这个很好理解;全量判断类型,根据类型做不同的处理2的变型,简化类型判断过程前两种比较常见也比较基础,所以我们今天主要讨论的是第三种。阅读全文你将学习到:更简洁的深度克隆方式Object.getOwnPropertyDescr            
                
         
            
            
            
            关于ES6中的解构赋值的知识点,想必大家都不陌生。所谓解构赋值就是利用一种模式来快速从目标结构中取出数据的方案,例如: 通过解构,我们很轻松的就从数组和对象中取出了我们想要的数据。但是,可能大家会问,这与深拷贝与浅拷贝又有什么关系呢?咱们,先回顾一下关于深拷贝和浅拷贝,所谓的浅拷贝和深拷贝:浅拷贝是在在拷贝过程中,遍历时那部分为对象/数组类型指向原来的地址,而深拷贝,则是完全开辟新的内存地址。也就            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-16 08:57:03
                            
                                43阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            浅拷贝只是拷贝一层,更深层次对象级别的只是拷贝引用。深拷贝拷贝多层,每一级别的数据都会拷贝。浅拷贝浅拷贝在拷贝对象的时候,只会拷贝引用。ES6提供的浅拷贝方法深拷贝(原生JS)<script>        var obj = {            id: 1,            name: 'andy',            age: {                pink: 666            }        };        .            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-25 17:00:58
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            浅拷贝只是拷贝一层,更深层次对象级别的只是拷贝引用。深拷贝拷贝多层,每一级别的数据都会拷贝。浅拷贝浅拷贝在拷贝对象的时候,只会拷贝引用。ES6提供的浅拷贝方法深拷贝(原生JS)<script>        var obj = {            id: 1,            name: 'andy',            age: {                pink: 666            }        };        .            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-25 14:15:36
                            
                                74阅读