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