成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于 js 對象 轉(zhuǎn) 字符串 和 深拷貝 的 探討

edgardeng / 2991人閱讀

摘要:項目需要,簡單的提了個思路,將對象轉(zhuǎn)換為顯示聲明形式的字符串例如對象聲明可以采用形式,所以,采用此格式存儲對象,可以用方法,直接轉(zhuǎn)換為對象。未處理字符轉(zhuǎn)意,對象屬性可能包含與描述沖突的字符如等。

隨著更多語言的支持 json 作為數(shù)據(jù)傳輸和存儲的媒體,已經(jīng)非常成熟且應(yīng)用廣泛。
卻存在致命硬傷,不攜帶 對象方法 。在數(shù)據(jù)傳輸和存儲中,這是恰當(dāng)?shù)暮秃侠淼摹?/p>

但是在更多的應(yīng)用場景中,又是無奈的。

項目需要,簡單的提了個思路,將對象轉(zhuǎn)換為顯示聲明形式的字符串
例如:

var person = {
        name:"joe",
        age:40,
        send:function(){
            console.log("hello world")    
        }
    }

對象聲明可以采用{...}形式,所以,采用此格式存儲對象,可以用eval()方法,直接轉(zhuǎn)換為對象。
簡單寫了一個,大概思路如此:

function o2s(o){
    var r = []
    for(p in o){
        if(typeof o[p] == "string"){                
            r.push((Array.isArray(o)?""": p + ":"") + o[p] + """)    
        }else if(typeof o[p] == "object"){
            r.push((Array.isArray(o)?"":p + ":" )+ o2s(o[p]))    
        }else{
            r.push((Array.isArray(o)?"":p + ":") + o[p] )
        }
    }        
        
    r = r.join(",")
    if(Array.isArray(o)){
        return  "[" + r + "]"    
    }else if(typeof o == "object"){
        return  "{" + r + "}"
    }else{
        return r    
    }    
}

捎帶一句,稍微修改即可深拷貝
存在幾個問題,
1.無法處理循環(huán)引用的對象,也就是自己包含自己,或者包含了包含自己的對象的時候。
2.未處理字符轉(zhuǎn)意,對象屬性可能包含與描述沖突的字符如“”等。

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/99799.html

相關(guān)文章

  • 前端入坑體驗與分享

    摘要:同源策略同源策略是一種約定,由公司年引入瀏覽器,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,瀏覽器很容易受到等攻擊。 一、Vue變化檢測 背景 初始化對象,屬性未知;某些事件觸發(fā)時,對象改變(新增屬性),Vue監(jiān)聽不到 原因 Vue.js 不能檢測到對象屬性的添加或刪除,因為Vue.js 在初始化實例時將屬性轉(zhuǎn)為 getter/setter,所以屬性必須在 dat...

    hss01248 評論0 收藏0
  • 個人小結(jié)--javascript實用技巧寫法建議

    摘要:類似的情況還有,方法和方法等。今天我說一個最簡單。代碼如下和也可以實現(xiàn),但是生成的是一個整數(shù),如下分割線其它類型數(shù)據(jù)轉(zhuǎn)布爾數(shù)據(jù)下面的轉(zhuǎn)換,大家一看就明白了,不多說。緩存變量循環(huán)緩存分割線第一段就是每一次循環(huán)的時候,都要查詢一次。 1.前言 從大學(xué)到現(xiàn)在,接觸前端已經(jīng)有幾年了,感想方面,就是對于程序員而言,想要提高自己的技術(shù)水平和編寫易于閱讀和維護(hù)的代碼,我覺得不能每天都是平庸的寫代碼,...

    WilsonLiu95 評論0 收藏0
  • js拷貝拷貝入理解

    摘要:舉個例子來說明一下什么是淺拷貝什么是深拷貝淺拷貝得出的結(jié)果可以看出是淺拷貝非對象的屬性值一個改變不影響另一個的值對象屬性是引用賦值所以一個改變會影響另一個的改變出現(xiàn)這種情況的本質(zhì)是對象是按引用賦值的深拷貝指的是拷貝一個對象,改變一個值不影響 舉個例子來說明一下什么是淺拷貝什么是深拷貝 淺拷貝 var x = { a: 1, b: {f: { g: 1 ...

    lastSeries 評論0 收藏0
  • 專題

    摘要:專題安全攻防專題跨站腳本攻擊,原理利用系統(tǒng)漏洞,將具有惡意攻擊行為的可執(zhí)行腳本植入系統(tǒng),且會自動執(zhí)行。 專題 /* * web安全攻防專題 * ------------------------------------------------------------------------ * xss:跨站腳本攻擊(XSS,Cross-site scripting) * * * 1、...

    Leck1e 評論0 收藏0
  • JS類型

    摘要:中是確定的,是的引用后面,變成的引用,但中的是確定的,所以在中又加上了深拷貝方法方法一如果這樣寫,對象中的簡單類型是深拷貝,而復(fù)雜類型是簡單拷貝方法二循環(huán)引用垃圾回收如果一個對象沒有被引用,它就是垃圾,將被引用被賦值后,這個函數(shù)不是垃圾 JS 里的類型 number類型轉(zhuǎn) `string`:`toString`、String()全局函數(shù)、加上空字符串 `boolean:Boolean(...

    calx 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<