欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JavaScript實(shí)現(xiàn)克隆對(duì)象的方法

這篇文章給大家分享的是有關(guān)JavaScript實(shí)現(xiàn)克隆對(duì)象的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司是少有的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、營銷型企業(yè)網(wǎng)站、小程序定制開發(fā)、手機(jī)APP,開發(fā)、制作、設(shè)計(jì)、外鏈、推廣優(yōu)化一站式服務(wù)網(wǎng)絡(luò)公司,成立于2013年,堅(jiān)持透明化,價(jià)格低,無套路經(jīng)營理念。讓網(wǎng)頁驚喜每一位訪客多年來深受用戶好評(píng)

通過遍歷每個(gè)屬性并將它們克隆到新對(duì)象。使用JSON方法作為源對(duì)象必須是JSON安全的。因此，在源對(duì)象無法轉(zhuǎn)換為JSON的情況下，需要異常處理以保證其安全。object.assign方法僅執(zhí)行淺度克隆。這意味著嵌套屬性仍然通過引用克隆。

注，淺度克?。汉唵晤愋蜑橹祩鬟f，對(duì)象類型是引用的傳遞。深度克隆：所有元素或?qū)傩酝耆珡?fù)制，與原對(duì)象完全脫離，也就是說所有對(duì)于新對(duì)象的修改都不會(huì)反映到原對(duì)象中。

克隆JavaScript對(duì)象有幾種方法，如下：

示例1：一種方法是遍歷源對(duì)象的屬性，并將所有屬性逐個(gè)復(fù)制到目標(biāo)對(duì)象。它很簡單，但不常使用。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body style = "text-align:center;">
<h2 style = "color:green;" >
    js克隆對(duì)象
</h2>
<p id="demo2">sourceObject = {a:1, b:2, c:3};</p>
<button onClick="fun()">click
</button>
<p id="demo"></p>
<script>
    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;
    }
</script>
</body>
</html>

輸出：

點(diǎn)擊按鈕前

JavaScript實(shí)現(xiàn)克隆對(duì)象的方法

點(diǎn)擊按鈕后

JavaScript實(shí)現(xiàn)克隆對(duì)象的方法

示例2：此示例使用JSON。使用此方法，源對(duì)象必須是JSON安全的。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body style = "text-align:center;">
<h2 style = "color:green;" >
    js克隆對(duì)象
</h2>
<p id="demo2">sourceObject = {a:1, b:2, c:3};</p>
<button onClick="fun()">click
</button>
<p id="demo"></p>
<script>
    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;
    }
</script>
</body>
</html>

示例3：此方法使用Object.assign方法。

<!DOCTYPE html>   
<html>   
    <head>  
        <meta charset="UTF-8">
        <title></title> 
    </head>  
    <body style = "text-align:center;">   
    
        <h2 style = "color:green;" >   
           js克隆對(duì)象 
        </h2>   
        <p id="demo2">sourceObject = {a:1, b:2, c:3};</p>     
        <button onClick="fun()">click 
        </button> 
       <p id="demo"></p>  
  
        <script> 
        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; 
          } 
        </script>  
    </body>   
</html>

感謝各位的閱讀！關(guān)于JavaScript實(shí)現(xiàn)克隆對(duì)象的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

當(dāng)前題目：JavaScript實(shí)現(xiàn)克隆對(duì)象的方法
本文路徑：http://chinadenli.net/article2/giogoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、服務(wù)器托管、網(wǎng)站收錄、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管