如何使用 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
  
    
        let obj = { name: "Sam", age: 5, date: Date.now() };
  
        // Clone the object using
        // the extend() method
        let newObj = jQuery.extend({}, obj);
  
        // Print both the objects
        console.log("Original Object", obj);
        console.log("Clone Object", newObj);
    

  

输出：

示例 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
  
    
        let obj = {
            name: "Logs",
            content: ["Error", "Warning", "Information"],
            stats: {
                isDebug: true,
                lastError: "Fatal Error 03",
                lastInfo: "Consoled",
            },
        };
  
        // Create a deep clone of the object
        // by using the deep parameter
        let newObj = jQuery.extend(true, {}, obj);
  
        // Print both the objects
        console.log("Original Object", obj);
        console.log("Clone Object", newObj);
    

  

输出：