js中json處理總結(jié)之JSON.parse
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式，采用完全獨立于語言的文本格式，是理想的數(shù)據(jù)交換格式。同時，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包。
踩過的坑都將成為路上的風(fēng)景。
隊友在cookie中已存以下值：
address_info {"address_name":"人民大會堂","...lng":1,"address_lat":1}
仔細(xì)觀摩，并無發(fā)現(xiàn)任何不妥，只是一種簡簡單單的json格式字符串而已。
但在前臺調(diào)用時，百試不爽，屢屢出錯，錯誤代碼如下,一直顯示undefined
var address_info = getCookie('address_info');
console.log(address_info.address_name);//undefined
...
充電之后
...
加上JSON.parse()處理后，完美解決
var address_info = JSON.parse(address_info);
console.log('address_info:'+address_info);//人民大會堂
相關(guān)學(xué)習(xí):
JSON.parse() 方法將一個 字符串解析成一個 JSON 對象。在解析過程中，還可以選擇性的修改某些屬性的原始解析值.
JSON.stringify() 方法可以將任意的 JavaScript 值序列化成 JSON 字符串。若轉(zhuǎn)換的函數(shù)被指定，則被序列化的值的每個屬性都會經(jīng)過該函數(shù)的轉(zhuǎn)換和處理；若轉(zhuǎn)換的數(shù)組被指定，只有包含在這個數(shù)組中的屬性名才會被序列化到最終的 JSON 字符串中。
相關(guān)文章
JavaScript如何讓select選擇框可輸入和可下拉選擇
我們知道一般select下拉框是只能選擇的,而有時我們會遇到下拉框中沒有要選擇的信息項或者下拉選項特別多時,需要允許用戶輸入想要的內(nèi)容,這篇文章主要給大家介紹了關(guān)于JavaScript如何讓select選擇框可輸入和可下拉選擇的相關(guān)資料,需要的朋友可以參考下2023-10-10
JS實現(xiàn)點擊鏈接取消跳轉(zhuǎn)效果的方法
有時候我們僅僅希望將鏈接<a>作為一個按鈕使用，但是在默認(rèn)狀態(tài)下，點擊鏈接會出現(xiàn)跳轉(zhuǎn)效果，下面就通過代碼實例，介紹一下如何實現(xiàn)此效果2014-01-01
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)吸頂特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
今天小編就為大家分享一篇關(guān)于layui時間回顯問題的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
教你用wxml2canvas將微信小程序頁面轉(zhuǎn)為圖片
如果需要實現(xiàn)將小程序的頁面轉(zhuǎn)為圖片,第一步是要先把頁面轉(zhuǎn)為canvas,再將canvas轉(zhuǎn)為圖片,下面這篇文章主要給大家介紹了關(guān)于用wxml2canvas將微信小程序頁面轉(zhuǎn)為圖片的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了js禁止頁面刷新與后退的方法,實例分析了javascript屏蔽F5鍵、右鍵菜單、F1鍵等實現(xiàn)技巧,需要的朋友可以參考下2015-06-06
Javascript數(shù)據(jù)結(jié)構(gòu)之棧和隊列詳解
要了解JavaScript數(shù)組的堆棧和隊列方法的操作,需要先對堆棧和隊列基礎(chǔ)知識有所了解,下面這篇文章主要給大家介紹了關(guān)于Javascript數(shù)據(jù)結(jié)構(gòu)之棧和隊列的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
正則表達式在我們?nèi)粘痰墓ぷ黜椖恐?應(yīng)該是一個經(jīng)常用到的技能,在做一些字符的匹配和處理的過程中,發(fā)揮了很大的作用,這篇文章主要給大家介紹了關(guān)于js正則表達式常用方法的相關(guān)資料,需要的朋友可以參考下2024-05-05
js取兩個數(shù)組的交集|差集|并集|補集|去重示例代碼
求兩個集合的補集、交集、差集、并集等等在實際應(yīng)用中經(jīng)常會使用到，下面與大家分享下具體的實現(xiàn)代碼，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
uni-app實現(xiàn)頁面通信EventChannel的操作方法
使用了EventBus的方法實現(xiàn)不同頁面組件之間的一個通信,在uni-app中,我們也可以使用uni-app API,uni.navigateTo來實現(xiàn)頁面間的通信,這篇文章主要介紹了uni-app實現(xiàn)頁面通信EventChannel的操作方法,需要的朋友可以參考下2024-05-05