JavaScript的深拷贝与浅拷贝

yizhihongxing

一句话来解释什么是深浅拷贝,B拷贝A,当修改A,B如果变化,就是浅拷贝,反之就是深拷贝

基本原理:

1.递归函数
2.对象内的值都是简单数据类型时 直接进行赋值
3.当我们遇到数组和对象时,可以再次调用函数,利用递归去拷贝数组和对象内的每个值
4.先数组 后对象  因为数组也是对象 

下面是一个实现深拷贝的函数:

 1 function deepClone(obj) {
 2         let objClone = Array.isArray(obj) ? [] : {};
 3         if (obj && typeof obj === "object") {
 4             for (key in obj) {
 5                 if (obj.hasOwnProperty(key)) {
 6                     //判断ojb子元素是否为对象(复杂数据类型),如果是,递归复制
 7                     if (obj[key] && typeof obj[key] === "object") {
 8                         objClone[key] = deepClone(obj[key]);
 9                     } else {
10                         //如果不是,简单复制(基本数据类型)
11                         objClone[key] = obj[key];
12                     }
13                 }
14             }
15         }
16         return objClone;
17     }

 

原文链接:https://www.cnblogs.com/ITBOSS-Li/p/17274036.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript的深拷贝与浅拷贝 - Python技术站

(0)
上一篇 2023年4月18日
下一篇 2023年4月18日

相关文章

  • 详解JavaScript基础知识(JSON、Function对象、原型、引用类型)

    下面我来详细讲解“详解JavaScript基础知识(JSON、Function对象、原型、引用类型)”的完整攻略。 JSON 什么是 JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于前后端数据传输。它基于 JavaScript 对象结构,但是具有更严格的格式要求,在很多编程语言中也得到了支持。 JS…

    JavaScript 2023年5月27日
    00
  • 四十九个javascript小知识实用技巧

    下面我会为您讲解“四十九个javascript小知识实用技巧”的完整攻略。 简介 “四十九个javascript小知识实用技巧”是一篇由前端开发者刘未鹏所写的文章,旨在分享一些在实际的前端开发中可能遗漏或不熟悉的javascript小知识点,帮助读者快速提高编码效率和质量。本文中的技巧包括但不限于函数、对象、数组、字符串等方面的内容,特点是简短明了,涉及实战…

    JavaScript 2023年5月17日
    00
  • JS点击某个图标或按钮弹出文件选择框的实现代码

    要在JS中点击某个图标或按钮弹出文件选择框,需要使用<input type=”file”>标签。这个标签会创建一个文件选择框,用户可以浏览文件并选择其中之一。 第一种示例 以下是使用HTML和JS实现这一功能的示例代码: <!DOCTYPE html> <html> <head> <title>文件…

    JavaScript 2023年5月27日
    00
  • js实现让某个动作延迟几秒执行

    实现动作延迟执行可以通过JavaScript语言中提供的setTimeout()函数来实现。 该函数的语法为: setTimeout(function, delay) 其中“function”参数是需要执行的函数名或函数体,delay参数是延迟的时间,单位是毫秒。 下面给出两个示例来讲解该函数如何实现动作延迟执行: 示例一:实现3秒钟后弹窗提示 可以使用以下…

    JavaScript 2023年6月11日
    00
  • Python Selenium操作Cookie的实例方法

    下面是详细讲解“Python Selenium操作Cookie的实例方法”的完整攻略: 什么是Cookie? 在网站上保存数据的一种机制,通常由服务器发送给用户的Web浏览器,并存储在本地机器上。当浏览器再次尝试连接到相同的服务器时,将发送之前存储的Cookie。 Selenium操作Cookie Selenium是一个支持Web驱动的自动化测试工具,包含一…

    JavaScript 2023年6月11日
    00
  • 在HTML代码中使用JavaScript代码的例子

    在HTML代码中使用JavaScript代码是一种常见的前端编程技巧,可以为网页添加各种交互和动态效果。下面是两个使用JavaScript代码的例子,分别展示在HTML中如何使用内联JavaScript代码和外部JavaScript文件。 内联JavaScript代码 内联JavaScript代码直接在HTML元素的代码里嵌入JavaScript代码,可以实…

    JavaScript 2023年5月18日
    00
  • 如何解决日期函数new Date()浏览器兼容性问题

    针对new Date()浏览器兼容性问题,我们可以采用以下两种方法进行解决: 方法一:使用标准格式的日期字符串 在使用new Date()函数时,传入的参数格式需要满足标准格式的日期字符串。例如:’2021-07-01’。 同时,我们还需要注意以下几点: 月份需要减一,例如7月应该写成6。 IE8及其以下版本不支持使用’-‘分隔符,需要使用’/’。 下面是一…

    JavaScript 2023年6月10日
    00
  • Java 正则表达式学习总结和一些小例子

    Java 正则表达式学习总结和一些小例子 正则表达式是用于字符串匹配和替换的一种表达式语言。Java 中使用 java.util.regex 包来实现正则表达式。这篇文章将会总结 Java 正则表达式的常见语法和使用方法,并且提供一些示例代码来说明这些概念。 Java 正则表达式语法 Java 正则表达式的语法相对复杂,但它也为我们提供了强大的功能和灵活性。…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部