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