快捷導(dǎo)航

JS實現(xiàn)給json數(shù)組動態(tài)賦值的方法示例

更新時間：2020年03月19日 11:35:19 作者：小魏的馬仔

這篇文章主要介紹了JS實現(xiàn)給json數(shù)組動態(tài)賦值的方法,結(jié)合實例形式分析了javascript針對json數(shù)組的遍歷、賦值等常用操作技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)給json數(shù)組動態(tài)賦值的方法。分享給大家供大家參考，具體如下：

json 數(shù)組也是數(shù)組：

//1、
var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";
var jsonarray = eval('('+jsonstr+')');
var arr =
  {
   "name" : $('#names').val(),
   "value" : $('#values').val()
  }
jsonarray.push(arr);
//2、
var json={};// 定義一個json對象
json.array1=["2","4"];// 增加一個新屬性，此屬性是數(shù)組
json.array1[json.array1.length]='6';// 數(shù)組追加一個元素
alert(json.array1)

給json類型的字符串動態(tài)賦值

json類型的字符串，需要使用json.parse()方法，先轉(zhuǎn)換成json的對象，然后將其賦值給一個var類型的變量，最后為該變量使用push方法，動態(tài)賦值。

如果直接使用json.parse("jsonString").push，就會彈出push is not a function。

嫌麻煩的話，可以使用（json.parse("jsonString")）.push

var arr = {"id": scheduleId, "isDelete": true};
var jsonArray = JSON.parse(scheduleList);
jsonArray.push(arr);

下面是其他人的補充

Js中動態(tài)創(chuàng)建Json，動態(tài)為Json添加屬性、屬性值

var param = {};
 for(var i=0;i<fields.length;i++){
  var field = fields[i];
  if(field.searchCondition != undefined && $('#search'+field.name).val() != ''){
   param["search."+field.name]=$('#search'+field.name).val();
  }
 }

在js中，一個[]認為是數(shù)組；{}認為是Json對象；

var json = {};

定義一個Json對象；

為Json對象賦值：

json[aa] = "xx";

eval 解析json報錯提示缺少“;”
如果json串沒問題的話，用eval('('+json+')');試試，換成單引號

javaScript動態(tài)創(chuàng)建數(shù)組、動態(tài)賦值json數(shù)據(jù)方法之一

/*測試：動態(tài)創(chuàng)建數(shù)組，動態(tài)賦值json數(shù)據(jù)*/
var json2 = "{'name':'zhangsan','age':99}";
var persons = new Array();
persons[ 0 ] = new Object();
persons[ 0 ].name = "xxx";
persons[ 0 ].age = 18;
persons[ 1 ] = new Function("return" + json2 )();
alert(  persons[ 1 ].name + persons[ 1 ].age );

/*上面結(jié)果顯示 zhangsan99*/

/* json里面的數(shù)組轉(zhuǎn)為JS的數(shù)組*/
var jsonXX = "[ {name:'zhangsan',age:99},{name:'lisi',age:77}]";
var obj = new Function("return "+jsonXX)();
for(var b in obj)
{
alert(obj[b].name);
}

/*補充安全一點做法是，要判斷一下*/

var obj=(function ToJSON(o)
{
if( typeof ( o ) == "string")
{
try
{
return new Function("return "+o)();
}
catch( e )
{
return null;
}
}
})( jsonXX);

把json格式的字符串轉(zhuǎn)換成javascript對象或數(shù)組

第一種

JSON.parse(jsonString)

第二種

eval("("+jsonString+")")

或者

eval('('+json+')');

第三種

var obj=(function ToJSON(o){
if(typeof(o)=="string")try{return new Function("return "+o)();}catch(e){return null;}
})("[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}]");
for(var b in obj)alert(obj[b].name);

PS：關(guān)于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：

在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: