localStorage操作對象數(shù)組

• • • • • • 原因
          • 直接放結論
          • 分析

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,漠河企業(yè)網(wǎng)站建設,漠河品牌網(wǎng)站建設,網(wǎng)站定制,漠河網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,漠河網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。原因

之前想把數(shù)據(jù)直接存儲到localStorage中，直接setItem后getItem就好了，但是在存儲對象數(shù)組的時候發(fā)現(xiàn)數(shù)據(jù)會變成object [Object]。

直接放結論

let data = {name: "張三",
        age: 18,
        hobby: ["吃飯", "睡覺"]
    }
    console.log("原始值", data);
    localStorage.setItem("data", JSON.stringify(data));
    let localData = JSON.parse(localStorage.getItem("data"));
    console.log("處理后的值", localData);

輸出的結果前后一致

分析

如果直接輸出：

let data = {name: "張三",
        age: 18,
        hobby: ["吃飯", "睡覺"]
    }
    console.log("原始值", data)
    localStorage.setItem("data", data);
    let localData = localStorage.getItem("data");
    console.log("處理后的值", localData);

data會自動執(zhí)行toString()方法，導致最后結果不同。

JSON.stringify()：將js轉換成json字符串
JSON.parse()：將json字符串抓換成js對象

你是否還在尋找穩(wěn)定的海外服務器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準確流量調(diào)度確保服務器高可用性，企業(yè)級服務器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

網(wǎng)頁題目：localStorage操作對象數(shù)組-創(chuàng)新互聯(lián)
地址分享：http://weahome.cn/article/dcpdjs.html