我要评论json.parse()与json.stringify是将json对象与字符串互相转换的方法，它们还有一些参数可以让我们在实际应用中更加方便，现在介绍一下它们的高级用法
json.parse()
json.parse(jsonstring, (key, value) => {}) 可以接受两个参数，第一个就是我们已经熟悉的json字符串，第二个是一个回调函数，我们可以对返回的每一个value做处理，然后返回对应的value
const testjson = {
name: 'test',
value: 7,
};
const jsonstr = json.stringify(testjson);
json.parse(jsonstr, (key, value) => {
if (typeof value === 'string') {
return value.touppercase();
}
return value;
});
// {
name: 'test',
value: 7,
}
json.stringify()
json.stringify(jsonobject, replace, space) 可以接受三个参数，第一个是json对象，第二个在转成字符串前处理属性值，第三个在字符串中插入空白符增强可读性
replace： 传入的参数可以是一个数组，也可以是一个回调函数，作用都是用于处理属性值；当是一个数组时，只有在数组中存在的属性，才会出现在最终转成的字符串中；当是一个回调函数时，可以处理每一个属性值，然后返回经过处理的值，若返回值是undefined ，则该属性值会被忽略，将不会出现在最终的字符串中。
（注意： 当relace为数组，过滤属性时，嵌套属性同样会被过滤掉）
const testjson = {
name: 'test',
cities: {
shanghai: 1,
},
};
json.stringify(testjson, ['name']);
// "{"name": 'test'}"
json.stringify(testjson, ['name', 'cities']);
// "{"name": 'test', "cities": {}}"
json.stringify(testjson, ['name', 'cities', 'shanghai']);
// "{"name": 'test', "cities": {"shanghai": 1}}"
json.stringify(testjson, (key, value) => {
if (key === 'cities') {
return 'cities';
}
return value;
});
// "{"name": 'test', "cities": 'cities'}"
json.stringify(testjson, (key, value) => {
if (key === 'shanghai') {
return 9;
}
return value;
});
// "{"name": 'test', "cities": {"shanghai": 9}}"
space: 传入的参数可以是string或number的值，如果是string值，则该字符串会作为空白符，字符串最长可为10个字符，如果超过了10个字符，那么会截取前10个字符，若是undefined或null，则会被忽略，不会显示空白符；如果是number的值，表示会有多少个空格作为空白符，最大数值为10，超过10也会被当做10来处理，最小为1，小于1则无效，不会显示空格
const testjson = {
name: 'test',
city: 'shanghai',
};
json.stringify(testjson, undefined, ' ');
// "{
"name": 'test',
"city": 'shanghai',
}"
json.stringify(testjson, undefined, ' ');
// "{
"name": 'test',
"city": 'shanghai',
}"
json.stringify(testjson, undefined, '\t');
// "{
"name": 'test',
"city": 'shanghai',
}"
json.stringify(testjson, undefined, '...');
// "{
..."name": 'test',
..."city": 'shanghai',
}"
json.stringify(testjson, undefined, 7);
// "{
"name": 'test',
"city": 'shanghai', // 缩进7个空格
}"
tojson方法
如果一个被序列化的json对象拥有tojson方法，那么真正被序列化的值是tojson方法返回的值，而不是本身的对象
const testjson = {
name: 'test',
tojson: () => {
return { tojson: 'testjson' },
},
};
json.stringify(testjson);
// "{"tojson": 'testjson'}"
json.stringify()序列化复杂的json对象
有的json对象中包含函数，那么序列化是会忽略掉函数，当我们想保留函数时，可以通过replace（回调函数）来处理
const testjson = {
name: 'test',
getname: () => {
return 'test';
},
};
json.stringify(ktextjson, (key, value) => {
if (typeof value === 'function') {
return function.prototype.tostring.call(value);
}
return value;
}, '\t'));
// {
"name": "test",
"getname": "function getname() {\n return 'test';\n }"
}
参考文章：
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论