js實現(xiàn)clone方法對各種數(shù)據(jù)類型進(jìn)行復(fù)制

CoffeX 發(fā)布于2019-08-22 10:40 / 2884人閱讀

摘要：對各種數(shù)據(jù)類型進(jìn)行復(fù)制，最初的思想是利用判別數(shù)據(jù)類型后利用語句分別賦值，但是有個問題和返回的都是，所以又要細(xì)分為三種情況編寫代碼。其中，要判斷一個對象為數(shù)組使用的是方法。

對各種數(shù)據(jù)類型進(jìn)行復(fù)制，最初的思想是利用typeof判別數(shù)據(jù)類型后利用switch語句分別賦值，但是有個問題：null、Array和Object返回的都是‘object’，所以又要細(xì)分為三種情況編寫代碼。其中，要判斷一個對象為數(shù)組使用的是：toString.apply(obj)方法。完整代碼如下：

function clone(obj){
            var copy;
            switch(typeof obj){
                case "undefined":break;
                case "number":
                case "string":
                case "boolean":copy = obj;break;
                case "object":
                    if(obj == null) copy = null;
                    else if(toString.apply(obj) === "[object Array]")
                    {
                        copy = [];
                        for(var i in obj) copy.push(clone(obj[i]));
                    }
                    else 
                    {
                        copy = {};
                        for(var j in obj)
                            copy[j]= clone(obj[j]);
                    }
            }
            return copy;
        }
        console.log(clone(true));
        console.log(clone(12));
        console.log(clone("abc"));
        console.log(clone(null));
        console.log(clone([1,2,3]));
        console.log(clone({name:"zh",age:"18"}));

GPU云服務(wù)器云服務(wù)器 js clone數(shù)據(jù)類型 js對數(shù)據(jù)進(jìn)行排序 js對數(shù)據(jù)進(jìn)行分組 js對數(shù)據(jù)進(jìn)行編碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/91036.html

相關(guān)文章

JS的深淺拷貝

摘要：引用類型之所以會出現(xiàn)深淺拷貝的問題，實質(zhì)上是由于對基本類型和引用類型的處理不同。另外方法可以視為數(shù)組對象的淺拷貝。上面描述過的復(fù)雜問題依然存在，可以說是最簡陋但是日常工作夠用的深拷貝方式。一直想梳理下工作中經(jīng)常會用到的深拷貝的內(nèi)容，然而遍覽了許多的文章，卻發(fā)現(xiàn)對深拷貝并沒有一個通用的完美實現(xiàn)方式。因為對深拷貝的定義不同，實現(xiàn)時的edge case過多，在深拷貝的時候會出現(xiàn)循環(huán)引用等問...

xiaoxiaozi 2019-08-21 16:49 評論0 收藏0
深入剖析 JavaScript 的深復(fù)制

摘要：的不能算作深復(fù)制，但它至少比直接賦值來得深一些，它創(chuàng)建了一個新的對象。它們的主要用途是對存在環(huán)的對象進(jìn)行深復(fù)制。比如源對象中的子對象在深復(fù)制以后，對應(yīng)于。希望這篇文章對你們有幫助深復(fù)制方法所謂擁抱未來的深復(fù)制實現(xiàn)參考資料本文最初發(fā)布于我的個人博客：咀嚼之味一年前我曾寫過一篇 Javascript 中的一種深復(fù)制實現(xiàn)，當(dāng)時寫這篇文章的時候還比較稚嫩，有很多地方?jīng)]有考慮仔細(xì)。...

gclove 2019-08-22 11:51 評論0 收藏0
JavaScript之深入各種繼承

摘要：通常有這兩種繼承方式接口繼承和實現(xiàn)繼承。理解繼承的工作是通過調(diào)用函數(shù)實現(xiàn)的，所以是寄生，將繼承工作寄托給別人做，自己只是做增強(qiáng)工作。適用基于某個對象或某些信息來創(chuàng)建對象，而不考慮自定義類型和構(gòu)造函數(shù)。一、繼承的概念繼承，是面向?qū)ο笳Z言的一個重要概念。通常有這兩種繼承方式：接口繼承和實現(xiàn)繼承。接口繼承只繼承方法簽名，而實現(xiàn)繼承則繼承實際的方法。《JS高程》里提到：由于函數(shù)沒有簽名，...

tomlingtm 2019-08-23 17:08 評論0 收藏0
復(fù)習(xí)Javascript專題（四）：js中的深淺拷貝

摘要：基本數(shù)據(jù)類型的復(fù)制很簡單，就是賦值操作，所以深淺拷貝也是針對，這類引用類型數(shù)據(jù)。它會拋棄對象的。另外，查資料過程中還看到這么一個詞結(jié)構(gòu)化克隆算法還有這一篇資料也有參考，也寫得比較詳細(xì)了的深淺拷貝基本數(shù)據(jù)類型的復(fù)制很簡單，就是賦值操作，所以深淺拷貝也是針對Object，Array這類引用類型數(shù)據(jù)。淺拷貝對于字符串來說，是值的復(fù)制，而對于對象來說則是對對象地址的復(fù)制；而深拷貝的話，它不...

MobService 2019-08-23 13:40 評論0 收藏0
【JS實用技巧】優(yōu)化動態(tài)創(chuàng)建元素的方式，讓代碼更加優(yōu)雅且利于維護(hù)

摘要：更好的方案模板分離原則模板分離原則將定義模板的那一部分，與的代碼邏輯分離開來，讓代碼更加優(yōu)雅且利于維護(hù)。 showImg(https://segmentfault.com/img/bVJ73t?w=800&h=316); 引言在前端開發(fā)中，經(jīng)常需要動態(tài)添加一些元素到頁面上。那么如何通過一些技巧，優(yōu)化動態(tài)創(chuàng)建頁面元素的方式，使得代碼更加優(yōu)雅，并且更易于維護(hù)呢？接下來我們通過研究一些實例...

JeOam 2019-08-20 14:46 評論0 收藏0