JavaScript中json對(duì)象和string對(duì)象之間相互轉(zhuǎn)化
更新時(shí)間：2012年12月26日 10:44:38 作者：
json對(duì)象和string對(duì)象之間的轉(zhuǎn)化已經(jīng)成為了大家耳熟能詳?shù)脑掝}，本人今天就多啰嗦一些他們之間的故事，如有不對(duì)之處，還請(qǐng)各位海涵呢？不多說了直切主題
json對(duì)象
var json = {aa:true,bb:true};
var json1 = {aa:'b',bb:{cc:true,dd:true}};
1：js操作json對(duì)象
for(var item in json){
alert(item); //結(jié)果是 aa,bb, 類型是 string
alert(typeof(item));
alert(eval("json."+item)); //結(jié)果是true，true類型是boolean
eval(("json."+item+"=false;")); //改變json對(duì)象的值
}
2：json對(duì)象轉(zhuǎn)化為String對(duì)象的方法
/**
* json對(duì)象轉(zhuǎn)字符串形式
*/
function json2str(o) {
var arr = [];
var fmt = function(s) {
if (typeof s == 'object' && s != null) return json2str(s);
return /^(string|number)$/.test(typeof s) ? "'" + s + "'" : s;
}
for (var i in o) arr.push("'" + i + "':" + fmt(o[i]));
return '{' + arr.join(',') + '}';
}
3:string對(duì)象轉(zhuǎn)化為json對(duì)象
function stringToJson(stringValue)
{
eval("var theJsonValue = "+stringValue);
return theJsonValue;
}
4:json數(shù)組轉(zhuǎn)化為 String對(duì)象的方法（要掉要上面那個(gè)方法）
function JsonArrayToStringCfz(jsonArray)
var JsonArrayString = "[";
for(var i=0;i<jsonArray.length;i++){
JsonArrayString=JsonArrayString+JsonToStringCfz(jsonArray[i])+",";
}
JsonArrayString = JsonArrayString.substring(0,JsonArrayString.length-1)+"]";
return JsonArrayString;
}
5:利用json.js json轉(zhuǎn)string
<script src="json2.js"></script>
<script>
var date = {myArr : ["a" , "b" , "c" , "d"] , count : 4};
var str = JSON.stringify(date);
alert(str);
</script>
復(fù)制代碼 代碼如下:
var json = {aa:true,bb:true};
var json1 = {aa:'b',bb:{cc:true,dd:true}};
1：js操作json對(duì)象
復(fù)制代碼 代碼如下:
for(var item in json){
alert(item); //結(jié)果是 aa,bb, 類型是 string
alert(typeof(item));
alert(eval("json."+item)); //結(jié)果是true，true類型是boolean
eval(("json."+item+"=false;")); //改變json對(duì)象的值
}
2：json對(duì)象轉(zhuǎn)化為String對(duì)象的方法
復(fù)制代碼 代碼如下:
/**
* json對(duì)象轉(zhuǎn)字符串形式
*/
function json2str(o) {
var arr = [];
var fmt = function(s) {
if (typeof s == 'object' && s != null) return json2str(s);
return /^(string|number)$/.test(typeof s) ? "'" + s + "'" : s;
}
for (var i in o) arr.push("'" + i + "':" + fmt(o[i]));
return '{' + arr.join(',') + '}';
}
3:string對(duì)象轉(zhuǎn)化為json對(duì)象
復(fù)制代碼 代碼如下:
function stringToJson(stringValue)
{
eval("var theJsonValue = "+stringValue);
return theJsonValue;
}
4:json數(shù)組轉(zhuǎn)化為 String對(duì)象的方法（要掉要上面那個(gè)方法）
復(fù)制代碼 代碼如下:
function JsonArrayToStringCfz(jsonArray)
var JsonArrayString = "[";
for(var i=0;i<jsonArray.length;i++){
JsonArrayString=JsonArrayString+JsonToStringCfz(jsonArray[i])+",";
}
JsonArrayString = JsonArrayString.substring(0,JsonArrayString.length-1)+"]";
return JsonArrayString;
}
5:利用json.js json轉(zhuǎn)string
復(fù)制代碼 代碼如下:
<script src="json2.js"></script>
<script>
var date = {myArr : ["a" , "b" , "c" , "d"] , count : 4};
var str = JSON.stringify(date);
alert(str);
</script>
您可能感興趣的文章:
- 解析JSON對(duì)象與字符串之間的相互轉(zhuǎn)換
- jQuery怎么解析Json字符串(Json格式/Json對(duì)象)
- json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法
- js中的json對(duì)象詳細(xì)介紹
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JS中JSON對(duì)象和String之間的互轉(zhuǎn)及處理技巧
- JSON--List集合轉(zhuǎn)換成JSON對(duì)象詳解
- jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法
- javascript中json對(duì)象json數(shù)組json字符串互轉(zhuǎn)及取值方法
- JavaScript數(shù)組，JSON對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能示例
- JavaScript簡(jiǎn)單實(shí)現(xiàn)合并兩個(gè)Json對(duì)象的方法示例
- JS操作json對(duì)象key、value的常用方法分析
相關(guān)文章
JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決
這篇文章主要介紹了JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
新增加的內(nèi)容是如何將div的scrollbar自動(dòng)移動(dòng)最下面
在做動(dòng)態(tài)增長(zhǎng)的div時(shí)，一般都是將內(nèi)容append到div的最下面，但這會(huì)帶來一個(gè)比較蛋疼的問題，那就是新增加的內(nèi)容會(huì)被遮在最下面，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2014-01-01
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。接下來通過本文給大家分享Bootstrap一款超好用的前端框架，感興趣的朋友一起看看吧2017-09-09
JS canvas實(shí)現(xiàn)畫板和簽字板功能
這篇文章主要為大家詳細(xì)介紹了JS canvas實(shí)現(xiàn)畫板和簽字板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-02-02
javascript兩種function的定義介紹及區(qū)別說明
javascript兩種function的定義方式function a(){}和a=function(){}具體使用如下，感興趣的朋友可以參考下，希望對(duì)你對(duì)你學(xué)習(xí)function的定義有所幫助2013-05-05
上傳圖片對(duì)圖片進(jìn)行一下預(yù)覽，可以了解圖片上傳后大概會(huì)是什么樣子，此功能用js實(shí)現(xiàn)，然后在fileupload控件的change事件中調(diào)用，這樣當(dāng)用fileupload選擇完圖片以后，圖片就會(huì)自動(dòng)顯示出來了。功能很簡(jiǎn)單，卻很實(shí)用。2013-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文件預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
本文重點(diǎn)給大家介紹IONIC自定義subheader的最佳解決方案，本文實(shí)例講解，介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-09-09
等待控件在網(wǎng)上搜有好多種，但是都很復(fù)雜，不一定用的順手，再說我的項(xiàng)目是bootstrap的原因，又不敢輕易使用第三方控件，怕不兼容，于是自己動(dòng)手寫了個(gè)等待控件，有需要的朋友可以參考下2015-10-10
Bootstrap模態(tài)框(modal)垂直居中的實(shí)例代碼
這篇文章主要介紹了Bootstrap模態(tài)框(modal)垂直居中的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08