javaScript浅拷贝、深拷贝

栏目: JavaScript · 发布时间: 5年前

内容简介:数据类型js的数据类型有两种:1.基本数据类型:数值、字符串、布尔、null、undefined (值类型)

数据类型

js的数据类型有两种:

1.基本数据类型:数值、字符串、布尔、null、undefined (值类型)

存放在栈中,所以复制基本数据类型的值是会新开一个栈内存

javaScript浅拷贝、深拷贝

2.引用数据类型:对象

对象引用存放在栈中,对象值存放在堆中,所以复制引用类型复制的是应用地址,而不是引用类型的值

javaScript浅拷贝、深拷贝

浅拷贝

如果我们要复制对象的所有属性都不是引用类型时,就可以使用浅拷贝,实现方式就是遍历并复制,最后返回新的对象。

function simpleClone(initalObj) {

var obj = {};    
      for ( var i in initalObj) {
        obj[i] = initalObj[i];
      }    
      return obj;
    }

concat

javaScript浅拷贝、深拷贝

slice

javaScript浅拷贝、深拷贝

assign

javaScript浅拷贝、深拷贝

深拷贝

深度拷贝就是把父对象拷贝到子对象上,而且两者的内存和以后的操作都互不影响的拷贝!

1.递归

javaScript浅拷贝、深拷贝

2.借用JSON对象的parse和stringify

javaScript浅拷贝、深拷贝

javaScript浅拷贝、深拷贝

3.JQ的extend方法。

$.extend( [deep ], target, object1 ,[ objectN ] )

deep表示是否深拷贝,为true为深拷贝,为false,则为浅拷贝

target Object类型 目标对象,其他对象的成员属性将被附加到该对象上。

object1 objectN可选。 Object类型 第一个以及第N个被合并的对象

javaScript浅拷贝、深拷贝

javaScript浅拷贝、深拷贝

jQuery.extend()只复制可枚举的属性,不继承原型链,函数复制引用,内部循环引用不处理。而lodash实现的就更为优秀,它实现了结构化克隆算法。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

算法分析导论(第2版)(英文版)

算法分析导论(第2版)(英文版)

[美]Robert Sedgewick(罗伯特•塞奇威克)、[美]Philippe Flajolet(菲利普•弗拉若莱) / 电子工业出版社 / 2015-6 / 128.00元

《算法分析导论(第2版)(英文版)》全面介绍了算法的数学分析中所涉及的主要技术。涵盖的内容来自经典的数学课题(包括离散数学、初等实分析、组合数学),以及经典的计算机科学课题(包括算法和数据结构)。《算法分析导论(第2版)(英文版)》的重点是“平均情况”或“概率性”分析,书中也论述了“最差情况”或“复杂性”分析所需的基本数学工具。 《算法分析导论(第2版)(英文版)》第 1 版为行业内的经典著......一起来看看 《算法分析导论(第2版)(英文版)》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换