返回顶部
首页 > 资讯 > 精选 >js如何实现深拷贝
  • 395
分享到

js如何实现深拷贝

2023-06-27 20:06:41 395人浏览 泡泡鱼
摘要

这篇文章给大家分享的是有关js如何实现深拷贝的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。深拷贝使用变量 a 拷贝对象 b,改变 a 中的值 b 中的值也会跟着改变,这叫做浅拷贝。要想让 a 独立于 b 就需要深

这篇文章给大家分享的是有关js如何实现深拷贝的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

深拷贝

使用变量 a 拷贝对象 b,改变 a 中的值 b 中的值也会跟着改变,这叫做浅拷贝。要想让 a 独立于 b 就需要深拷贝

简易处理

function deepClone() { return JSON.parse(JSON.stringify(obj))}

既然是建议处理就有他的不足,上面主要是用了 JSON 的序列化和反序列化。而 JSON 是不支持函数和 undefined 的因此碰到这些情况会缺失,但是已经能够满足大部分情况了

复杂处理

复杂处理就需要采用递归的方式了

function deepClone(obj) {  function isClass(o) {  if (o === null) return "Null";  if (o === undefined) return "Undefined";  return Object.prototype.toString.call(o).slice(8, -1);  }  var result;  var oClass = isClass(obj);  if (oClass === "Object") {  result = {};  } else if (oClass === "Array") { result = [];  } else {  return obj;  }  for (var key in obj) {  var copy = obj[key];  if (isClass(copy) == "Object") {  result[key] = arguments.callee(copy);//递归调用  } else if (isClass(copy) == "Array") {  result[key] = arguments.callee(copy);  } else {  result[key] = obj[key];  }  }  return result;}

感谢各位的阅读!关于“js如何实现深拷贝”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: js如何实现深拷贝

本文链接: https://lsjlt.com/news/313288.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • js如何实现深拷贝
    这篇文章给大家分享的是有关js如何实现深拷贝的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。深拷贝使用变量 a 拷贝对象 b,改变 a 中的值 b 中的值也会跟着改变,这叫做浅拷贝。要想让 a 独立于 b 就需要深...
    99+
    2023-06-27
  • js递归如何实现深拷贝
    小编给大家分享一下js递归如何实现深拷贝,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript是一种什么语言javascript是一种动态类型、弱类型...
    99+
    2023-06-14
  • JS怎么实现深拷贝和浅拷贝
    这篇文章主要介绍“JS怎么实现深拷贝和浅拷贝”,在日常操作中,相信很多人在JS怎么实现深拷贝和浅拷贝问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS怎么实现深拷贝和浅拷贝”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-30
  • JavaScript浅拷贝与深拷贝如何实现
    这篇文章主要介绍“JavaScript浅拷贝与深拷贝如何实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript浅拷贝与深拷贝如何实现”文章能帮助大家解决问题。在 JavaScript...
    99+
    2023-06-27
  • Vue浅拷贝和深拷贝如何实现
    今天小编给大家分享一下Vue浅拷贝和深拷贝如何实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、数据类型1.1.基本数据...
    99+
    2023-07-05
  • JS实现深拷贝和浅拷贝的方式详解
    目录一. 基本类型数据拷贝二. 引用类型数据拷贝1、浅拷贝2、深拷贝说道数据拷贝就离不开数据类型,在JS中数据类型分为基本类型和引用类型 基本类型: number, boolean,...
    99+
    2024-04-02
  • JavaScript如何实现深拷贝
    小编给大家分享一下JavaScript如何实现深拷贝,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!深拷贝递归的完整版本(考虑到了...
    99+
    2024-04-02
  • js深拷贝和浅拷贝的深入讲解
    目录浅拷贝实现方法方法一:Object.assign方法二:扩展运算符方式方法三:concat和slice 浅拷贝数组深拷贝实现方法方法一:乞丐版(JSON.stringify和JS...
    99+
    2024-04-02
  • JS对象复制(深拷贝和浅拷贝)
    目录一、浅拷贝1、Object.assign(target,source,source...)2、扩展运算符(spread)二、深拷贝1、使用对象序列化 JSON.stringify...
    99+
    2024-04-02
  • javascript中怎么区分浅拷贝和深拷贝并实现深拷贝
    这篇文章将为大家详细讲解有关javascript中怎么区分浅拷贝和深拷贝并实现深拷贝,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。什么是拷贝 一个东西的拷贝看起来像是原来...
    99+
    2024-04-02
  • js中如何实现对象拷贝
    小编给大家分享一下js中如何实现对象拷贝,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   原生深克隆方法JSON.parse...
    99+
    2024-04-02
  • JavaScript中的深拷贝如何实现
    今天小编给大家分享一下JavaScript中的深拷贝如何实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。深拷贝的最终实现这...
    99+
    2023-07-04
  • Vue浅拷贝和深拷贝实现方案
    目录前言一、数据类型1.1.基本数据类型1.2.引用数据类型1.3.区别二、浅拷贝2.1.定义2.2.浅拷贝特点三、深拷贝3.1.定义3.2.深拷贝特点四、拷贝实现方案4.1.Obj...
    99+
    2023-03-03
    vue深拷贝 vue浅拷贝和深拷贝区别 vue浅拷贝和深拷贝
  • JavaScript深拷贝与浅拷贝实现详解
    目录对于基本类型数据对于引用类型数据实现深拷贝简单版够用版structuredClone对于基本类型数据 可以说都是深拷贝。 对于引用类型数据 对于引用类型数据,浅拷贝 后,因为浅拷...
    99+
    2022-11-13
    JavaScript深拷贝与浅拷贝 JS深拷贝与浅拷贝
  • js中区分深拷贝与浅拷贝的实战过程
    目录一、自我理解二、数据存储形式(1)基本数据类型存储于栈中(2)引用数据类型存储与堆中三、怎样实现深拷贝?(1)借助JSON对象的parse和stringify(2)手写递归(3)...
    99+
    2024-04-02
  • Java的深拷贝和浅拷贝怎么实现
    这篇文章主要介绍“Java的深拷贝和浅拷贝怎么实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Java的深拷贝和浅拷贝怎么实现”文章能帮助大家解决问题。关于Java的深拷贝和浅拷贝,简单来说就是创...
    99+
    2023-06-26
  • 详解JS变量存储深拷贝和浅拷贝
    目录变量类型与存储空间栈内存和堆内存基本数据类型引用类型图解存储空间引用类型的赋值深拷贝和浅拷贝深拷贝浅拷贝对象的赋值三者对比浅拷贝的常用的五种方法Object.assign()扩展...
    99+
    2024-04-02
  • js中的赋值 浅拷贝和深拷贝详细
    目录1、js内存2、赋值3、浅拷贝4、深拷贝前言: 在学习下面文章前我们简单了解一下的内存的知识,以下先简要提一下 1、js内存 js内存,或者说大部分语言的内存都分为栈和堆。基本数...
    99+
    2024-04-02
  • js深拷贝与浅拷贝一文彻底搞懂
    深拷贝浅拷贝只是针对引用数据类型 JavaScript数据类型包括基本数据类型(Number,String,boolean,Null,Undefined,Symbol)、引用数据类型...
    99+
    2024-04-02
  • js中slice属于是深拷贝还是浅拷贝
    这篇文章主要介绍了js中slice属于是深拷贝还是浅拷贝,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。JavaScript是什么JS是JavaScript的简称,它是一种直译...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作