📜  如何使用 jQuery 创建任何对象的克隆?

📅  最后修改于: 2022-05-13 01:55:57.989000             🧑  作者: Mango

如何使用 jQuery 创建任何对象的克隆?

在本文中,我们将学习使用 jQuery 创建对象的克隆。这可以使用 jQuery的 extend() 方法来实现。 extend()方法用于将多个对象的内容合并到作为第一个参数传递的对象中。这可用于克隆数组,因为我们可以传递一个空对象作为第一个参数。

附加参数deep可用于制作对象的深层副本。这将使该方法递归地复制对象,并且在必须克隆复杂和嵌套的对象时很有帮助。当需要深拷贝时,这个参数必须作为第一个参数传递。要了解 jquery 中的克隆概念,请参阅 jQuery clone() 与示例文章。

句法:

// Create a clone of the object using the extend() method 
let newObj = jQuery.extend({}, obj);

// Create a deep clone of the object using the deep parameter
let newDeepObj = jQuery.extend(true, {}, obj);

下面的例子说明了上述方法:



示例 1:在此示例中,我们将使用此方法创建对象的克隆。

HTML


  

    

  

    

GeeksforGeeks

    How to create clone of any object using jQuery?        

The object to be cloned is:

       
    { name: "Sam", age: 5, date: Date.now() }
    
       

Please check the console for the cloned object

          


HTML


  

    

  

    

GeeksforGeeks

    How to create clone of any object using jQuery?        

The object to be cloned is:

       
    {
        name: "Logs",
        content: ["Error", "Warning", "Information" ],
        stats: {
            isDebug: true,
            lastError: "Fatal Error 03",
            lastInfo: "Consoled"
        }
    };
    
       

Please check the console for the cloned object

          


输出:

示例 2:在此方法中,我们将使用deep参数创建对象的深度克隆。

HTML



  

    

  

    

GeeksforGeeks

    How to create clone of any object using jQuery?        

The object to be cloned is:

       
    {
        name: "Logs",
        content: ["Error", "Warning", "Information" ],
        stats: {
            isDebug: true,
            lastError: "Fatal Error 03",
            lastInfo: "Consoled"
        }
    };
    
       

Please check the console for the cloned object

          

输出: