JSON的操作与使用

JSON也就是JavaScript Object Notation，是一个描述数据的轻量级语法。JSON的优雅是因为它是JavaScript语言的一个子集。JSON和XML都使用结构化方法描述数据

JSON有结构化的嵌套数据元素，每个JSON文档描述了这样一个对象，该对象包含有：嵌套对象、数组、字符串、数字、布尔值或空值。

JSON 元素的添加删除

创建对象的三种形式：

第一种：

var Person=new Object(); Person.name="Sun"; Person.age=24;

第二种：

var Person=new Object(); Person["name"]="Sun"; Person["age"]=24;

第三种：对象字面量表达式

var Person={ name: "Sun", age: 24 }

JSON 元素的添加删除

javasscript删除数组的3种方法

1，shift()方法

shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined

var chaomao=[1,2,3,4,5] var chaomao.shift()//得到1 alert(chaomao)//[2,3,4,5]

2，pop()方法

pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined

var chaomao=[1,2,3,4,5] var chaomao.pop()//得到5 alert(chaomao)//[1,2,3,4]

前面的方法只能操作数组开头和结尾，无法操作中间项，如果要操作中间的项，使用splice方法

3，splice方法

这个方法很强大，可以对数组任意项进行增加，删除，替换操作

1）修改操作：

var chaomao=[1,2,3,4,5] chaomao.splice(2,1,8,9) alert(chaomao)//1,2,8,9,4,5

第一个参数是准备操作的数组位置，第二个参数是操作位置后面的数组项数，第三个以后的就是被替换后的内容

2）删除操作：

var chaomao=[1,2,3,4,5] chaomao.splice(2,1) alert(chaomao)//1,2,4,5

3）添加操作：

var chaomao=[1,2,3,4,5] chaomao.splice(2,0,8,9) alert(chaomao)//1,2,8,9,3,4,5

javasscript删除对象的方法

js中删除对象元素用delete操作符

var p ={ "name": “chaomao”, "age":45, "sex":"male" }; delete p.name for(var i in p){ console.log(i);//输出age,sex，name项已经被删除了 }

添加json元素的方法

var json = {}; // 如果json已经定义就跳过 json[text] = value; json.text2 = value2; // 此时text2必须符合变量名标准，否则得使用数组方式赋值

JSON数据遍历

JSON数据如：

{"options": "[ {/"text/":/"王家湾/",/"value/":/"9/"}, {/"text/":/"李家湾/",/"value/":/"10/"}, {/"text/":/"邵家湾/",/"value/":/"13/"} ]", "[ {/"text/":/"王家湾/",/"value/":/"8/"}, {/"text/":/"李家湾/",/"value/":/"6/"}, {/"text/":/"邵家湾/",/"value/":/"12/"} ]" }

json数据的列循环for

var len = options.length; for (var i = 0; i < len; i++){ for (obj in options[i]){ var obj2 = obj; } }

JSON数据遍历之for-in

object本身就是无对象的集合，因此在用 for-in 语句遍历对象的属性时，遍历出的属性顺序与对象定义时不同，因此在开发中应尽量避免编写依赖对象属性顺序的代码

javascript数组遍历for与for in区别详解

var array = ['a'] for (var i = 1; i < array.length; i++) {//标准的for循环 alert(array[i]) } for (var i in array) {//forin循环 alert(array[i]) }

正常情况下上面两种遍历数组的方式结果一样

区别：

1.标准的for循环中的i是number类型,表示的是数组的下标,但是forin循环中的i表示的是数组的key是string类型,因为js中一切皆为对象。自己试试 alert(typeof i)

2.现在我加上如下代码，上面的执行结果就不一样了

Array.prototype.test=function(){}//扩展了js原生的Array

我们发现标准的for循环依然真正的对数组循环, 但是此时forin循环对我刚才写的test方法打印出来了。这就是for与forin遍历数组的最大区别，如果我们在项目采用的是用forin遍历数组，假设有一天谁不小心自己为了扩展js原生的Array类，或者引入一个外部的js框架也扩展了原生Array。那问题就来了

再此建议两点

1.不要用for in遍历数组，全部统一采用标准的for循环变量数组(我们无法保证我们引入的js是否会采用prototype扩展原生的Array)

2.如果要对js的原生类扩展的时候，不要采用prototype了

JS遍历Json字符串遍历读取键值对

for(var str in obj){ alert(str+'='+obj[str]); }

直接在JS里创建JSON数据然后遍历使用

直接在JS里创建JSON数据

var YearSelect = {}; var Year = 2014; var DateOption; for (var i = Year; i < Year + 12; i++) { DateOption = {'Year':i, 'Month':i-Year+1}; // alert(DateOption.Year) YearSelect[i] = DateOption; }

json对象没有length属性,所以遍历的话要：

for(var key in YearSelect){ alert(YearSelect[key].Year); alert(YearSelect[key].Month); }

记住一定要分辨好json的对象和数组~不然就一直是undenfined

js 遍历json返回的map内容示例代码

JS不能直接遍历Map，但是可以遍历JSON对象，所以先将Map转为JSON数据，再由JS去解析遍历JSON对象，就达到了间接遍历Map的目的

var proIdArray = new Array(); var proNameArray = new Array(); // Deal with the project names. var theProjectsObj = JSON.parse(result.data["projectIdsNames"]); for (var proId in theProjectsObj) { proNameArray.push(theProjectsObj[proId]); proIdArray.push(proId); }