1.JSON
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。
它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。
简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
2.json.stringfy() var obj = [
{
name:'Jansen1',
age:18,
sex:'boy'
},
{
name:'Jansen2',
age:18,
sex:'boy'
},
{
name:'Jansen3',
age:18,
sex:'boy'
},
{
name:'Jansen4',
age:18,
sex:'boy'
}
];
var myStringObj = JSON.stringify(obj);
![]()
var obj = [
{
name:'Jansen1',
age:18,
sex:'boy'
},
{
name:'Jansen2',
age:18,
sex:'boy'
},
{
name:'Jansen3',
age:18,
sex:'boy'
},
{
name:'Jansen4',
age:18,
sex:'boy'
}
];
var myStringObj = JSON.stringify(obj);
第二个参数replacer
JSON.stringify呢不仅仅可以直接转化字符串,还能有条件的转化字符串,这个时候就要用到第二个参数了.
-
当参数为一个数组的时候,可以通过key来筛选最终要转化的字符串
JSON.stringify(obj,['name','age'])
-
当参数为一个函数的时候,转化的结果,全依赖于函数的返回值。处理顺序是如果是个数组,处理到数组第一号元素发现还是数组或是对象的时候就进去循环,直到所有的能遍历的都被处理到再进行下一个运算。
JSON.stringify(obj,(key,val)=>{if(key!='sex')return val})
第三个参数-space格式化参数
文本添加缩进、空格和换行符,如果space是个数字的化,最大值是10,过10为10
JSON.stringify(obj,null,4)
可以看到,在控制台输出的代码变的很规整了。
JSON.parse()
JSON.parse只拥有两个参数,第一个就是把这个字符串转换为JSON对象,第二个就是筛选对象那么现在如果再有这样的需求,把一个JSON对象下的所有属性为sex中的boy,替换为male,girl替换为female,age大于20的age条目不显示,只要20以下的小鲜肉,那么就很好处理啦
var testJSON = [
{
"name": "Jansen1",
"age": 18,
"sex": "boy"
},
{
"name": "Jansen2",
"age": 2,
"sex": "girl"
},
{
"name": "Jansen3",
"age": 19,
"sex": "girl"
},
{
"name": "Jansen4",
"age": 22,
"sex": "boy"
},
{
"name": "Jansen5",
"age": 22,
"sex": "boy"
},
{
"name": "Jansen6",
"age": 22,
"sex": "girl"
},
{
"name": "Jansen7",
"age": 19,
"sex": "boy"
},
{
"name": "Jansen8",
"age": 19,
"sex": "boy"
}
];
var newJSON = JSON.parse(JSON.stringify(testJSON,(key,val)=>{
if(key === 'sex'){
return val === 'boy' ? 'male' : 'female';
}
if(key === 'age' && val < 20){
return val
}
else if(key !== 'age'){
return val;
}
},4))