javascript中json對象json數(shù)組json字符串互轉(zhuǎn)及取值方法
更新時(shí)間：2017年04月19日 17:00:10 投稿：mrr
這篇文章主要介紹了javascript中json對象json數(shù)組json字符串互轉(zhuǎn)及取值方法,需要的朋友可以參考下
今天用到了json數(shù)組和json對象和json類型字符串之間互轉(zhuǎn)及取值，記錄一下：
1.json類型的字符串轉(zhuǎn)換為json對象及取值
var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString); //轉(zhuǎn)換為json對象
alert(jsObject.bar); //取json中的值
2.json對象轉(zhuǎn)為json類型的字符串
var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString); //轉(zhuǎn)換為json對象
alert(jsObject.bar); //取json中的值
var st = JSON.stringify(jsObject); //轉(zhuǎn)換為json類型的字符串
3.json數(shù)組類型的字符串轉(zhuǎn)換為json及取值 和json對象轉(zhuǎn)換為轉(zhuǎn)換為json字符串
//json數(shù)組類型字符串取值
var jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部門"},{"id":"01","open":false,"pId":"0","name":"A部門"},{"id":"011","open":false,"pId":"01","name":"A部門"},{"id":"03","open":false,"pId":"0","name":"A部門"},{"id":"04","open":false,"pId":"0","name":"A部門"}, {"id":"05","open":false,"pId":"0","name":"A部門"}, {"id":"06","open":false,"pId":"0","name":"A部門"}]';
var jsonObj = JSON.parse(jsonStr);//轉(zhuǎn)換為json對象
for(var i=0;i<jsonObj.length;i++){
alert(jsonObj[i].id); //取json中的值
}
console.log(jsonObj)
var jsonStr1 = JSON.stringify(jsonObj)
console.log(jsonStr1+"jsonStr1")
結(jié)果：
以上所述是小編給大家介紹的javascript中json對象json數(shù)組json字符串互轉(zhuǎn)及取值方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
layui中l(wèi)ayer前端組件實(shí)現(xiàn)圖片顯示功能的方法分析
這篇文章主要介紹了layui中l(wèi)ayer前端組件實(shí)現(xiàn)圖片顯示功能的方法,結(jié)合實(shí)例形式分析了layui中l(wèi)ayer組件調(diào)用圖片顯示功能的操作方法與相關(guān)注意事項(xiàng),并提供了layer與layui源碼下載,需要的朋友可以參考下2017-10-10
JS傳遞對象數(shù)組為參數(shù)給后端,后端獲取的實(shí)例代碼
下面小編就為大家?guī)硪黄狫S傳遞對象數(shù)組為參數(shù)給后端,后端獲取的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
使用 Node.js 做 Function Test實(shí)現(xiàn)方法
這篇文章介紹了Node.js 做 Function Test實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-10-10
javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理
本文將介紹javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理，需要了解的朋友可以了解下2012-12-12
這篇文章主要介紹了ES6 Promise對象概念及用法,結(jié)合實(shí)例形式詳細(xì)分析了ES6中Promise對象的概念、原理、創(chuàng)建、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-10-10
Javascript 函數(shù)中的參數(shù)使用分析
關(guān)于JS中的函數(shù)，相信大家已經(jīng)很了解了，其中有些特性呢，感覺還是值得提一提的，下面就說說JS中的函數(shù)吧。2010-03-03
這篇文章主要為大家詳細(xì)介紹了js圖片查看器的制作方法，可以實(shí)現(xiàn)圖片的滑動(dòng)等效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
取消單選按鈕選中并判斷對象是否為空，在項(xiàng)目中也是比較常見的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
使用重寫url機(jī)制實(shí)現(xiàn)驗(yàn)證碼換一張功能
重寫URL機(jī)制：為了保證一個(gè)url的地址唯一，可每次向服務(wù)器傳遞的參數(shù)不一樣即可。此處在實(shí)現(xiàn)驗(yàn)證碼的換一張的功能時(shí)，就是利用了改變參數(shù)列表的值進(jìn)行刷新。具體詳細(xì)代碼大家參考下本文2017-08-08
這篇文章主要介紹了JavaScript手寫call,apply,bind方法，call，bind，apply方法都是JavaScript原生的方法，掛載在Function原型上,使得所有函數(shù)都可以調(diào)用2022-06-06