如何克隆一个 JavaScript 对象？

克隆 JavaScript 对象是一项主要使用的任务，因为如果相同的对象已经存在，我们不希望创建相同的对象。
有几种方法。

• 通过遍历每个属性并将它们复制到新对象。
• 使用JSON方法作为源对象必须是 JSON 安全的。所以它需要异常处理来保证它的安全，以防源对象不能转换为 JSON。
• object.assign这个方法只做一个浅拷贝。这意味着嵌套属性仍然通过引用复制。

让我们在示例的帮助下一一查看。
示例1：一种是遍历源对象的属性，将它们一一复制到目标对象。它非常简单，但不经常使用。

  
  
     
        
     
        
      
          
            GeeksForGeeks  
          
        sourceObject = {a:1, b:2, c:3};    
        click
        
        
        
        function fun(){
          const sourceObject = {a:1, b:2, c:3};
          let tO = {};
            for (let prop in sourceObject) {
              if (sourceObject.hasOwnProperty(prop)) {
                tO[prop] = sourceObject[prop];
              }
            }
           document.getElementById("demo").innerHTML = 
             "targetObject a = "+tO.a+", b = " + tO.b+", c = "+tO.c;
          }
         
      

输出：

• 在我们点击按钮之前：
  
• 点击按钮后：
  
  示例 2：此示例使用 JSON。使用此方法，源对象必须是 JSON 安全的。

    
    
       
          
       
        
            
              GeeksForGeeks  
            
          sourceObject = {a:1, b:2, c:3};    
          click
          
         
          
          function fun(){
            const sourceObject = {a:1, b:2, c:3};
            let tO = {};
            tO = JSON.parse(JSON.stringify(sourceObject));
            document.getElementById("demo").innerHTML = 
             "targetObject a = "+tO.a+", b = " + tO.b+", c = "+tO.c;
            }
           
        

  输出：

  • 在我们点击按钮之前：
    
  • 点击按钮后：
    
    示例 3：此方法使用Object.assign方法。

      
      
         
            
         
          
        
              
                GeeksForGeeks  
              
            sourceObject = {a:1, b:2, c:3};    
            click
            
            
      
            
            function fun(){
              const sourceObject = {a:1, b:2, c:3};
              let tO = {};
              tO = Object.assign({}, sourceObject);
              document.getElementById("demo").innerHTML = 
                "targetObject a = "+tO.a+", b = " + tO.b+", c = "+tO.c;
              }
             
          

    输出：

    • 在我们点击按钮之前：
      
    • 点击按钮后：