快捷導(dǎo)航

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

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

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

本文實(shí)例講述了JS實(shí)現(xiàn)給json數(shù)組動(dòng)態(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={};// 定義一個(gè)json對(duì)象
json.array1=["2","4"];// 增加一個(gè)新屬性，此屬性是數(shù)組
json.array1[json.array1.length]='6';// 數(shù)組追加一個(gè)元素
alert(json.array1)

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

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

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

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

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

下面是其他人的補(bǔ)充

Js中動(dòng)態(tài)創(chuàng)建Json，動(dòng)態(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中，一個(gè)[]認(rèn)為是數(shù)組；{}認(rèn)為是Json對(duì)象；

var json = {};

定義一個(gè)Json對(duì)象；

為Json對(duì)象賦值：

json[aa] = "xx";

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

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

/*測(cè)試：動(dòng)態(tài)創(chuàng)建數(shù)組，動(dòng)態(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);
}

/*補(bǔ)充安全一點(diǎn)做法是，要判斷一下*/

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

把json格式的字符串轉(zhuǎn)換成javascript對(duì)象或數(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操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
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

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

您可能感興趣的文章: