關于 js 對象轉字符串和深拷貝的探討

edgardeng 發布于2019-08-23 13:56 / 2980人閱讀

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

隨著更多語言的支持 json 作為數據傳輸和存儲的媒體，已經非常成熟且應用廣泛。
卻存在致命硬傷，不攜帶 對象方法 。在數據傳輸和存儲中，這是恰當的和合理的。

但是在更多的應用場景中，又是無奈的。

項目需要，簡單的提了個思路，將對象轉換為顯示聲明形式的字符串
例如：

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

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

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.無法處理循環引用的對象，也就是自己包含自己，或者包含了包含自己的對象的時候。
2.未處理字符轉意，對象屬性可能包含與描述沖突的字符如“”等。

云服務器 GPU云服務器 js對象轉字符串深拷貝和淺拷貝 json字符串轉json對象 js數據對象和對象的區別嗎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99799.html

前端入坑體驗與分享

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

hss01248 2019-08-22 18:09 評論0 收藏0
個人小結--javascript實用技巧和寫法建議

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

WilsonLiu95 2019-08-21 16:18 評論0 收藏0
js中的淺拷貝深拷貝深入理解

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

lastSeries 2019-08-21 16:43 評論0 收藏0
專題

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

Leck1e 2019-08-23 15:23 評論0 收藏0
JS 里的類型

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

calx 2019-08-23 10:41 評論0 收藏0