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);
}