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

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

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

對(duì)各種數(shù)據(jù)類型進(jìn)行復(fù)制，最初的思想是利用typeof判別數(shù)據(jù)類型后利用switch語句分別賦值，但是有個(gè)問題：null、Array和Object返回的都是‘object’，所以又要細(xì)分為三種情況編寫代碼。其中，要判斷一個(gè)對(duì)象為數(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對(duì)數(shù)據(jù)進(jìn)行排序 js對(duì)數(shù)據(jù)進(jìn)行分組 js對(duì)數(shù)據(jù)進(jìn)行編碼

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91036.html

相關(guān)文章

JS的深淺拷貝

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

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

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

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

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

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

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

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

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

JeOam 2019-08-20 14:46 評(píng)論0 收藏0