1、方法
方法定义：JSON.stringify(value, replacer, space)
参数说明：
value：js对象
replacer：替换对象，可以是一个方法、对象或数组，将value按照替换规则展示。
space：填充参数，可以是数字或字符串，将value按照参数进行格式化展示。
方法说明：将value对象转换为指定格式的json文本。
2.使用
2.1 value 参数使用：JSON.stringify(value)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
$(function(){
$("#strTest").text(JSON.stringify("字符串测试"));
var testObj = {
name:"张三",
age:28,
gender:"男"
};
$("#objTest").text(JSON.stringify(testObj));
var testArr = [{
name:"张三",
age:20,
gender:"男"
},
{
name:"李思",
age:28,
gender:"女"
}]
$("#arrTest").text(JSON.stringify(testArr));
})
</script>
</head>
<body>
<div id="strTest"></div>
<div id="objTest"></div>
<div id="arrTest"></div>
</body>
</html>
结果：
"字符串测试"
{"name":"张三","age":28,"gender":"男"}
[{"name":"张三","age":20,"gender":"男"},{"name":"李思","age":28,"gender":"女"}]
2.2、参数replacer
参数为function(key,value)，会根据函数返回值替换value中的值。
例如替换上面对象的gender为英文大写。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
$(function(){
var testObj = {
name:"张三",
age:28,
gender:"man"
};
$("#objTest").text(JSON.stringify(testObj,testReplacer));
var testArr = [{
name:"张三",
age:20,
gender:"gril"
},
{
name:"李思",
age:28,
gender:"gril"
}]
$("#arrTest").text(JSON.stringify(testArr,testReplacer));
function testReplacer(key,value){//key为对象属性名，value为对象属性值，会遍历testObj或testArr来执行该函数
if(key=="gender"){
value = value.toUpperCase();
}
return value;
}
})
</script>
</head>
<body>
<div id="strTest"></div>
<div id="objTest"></div>
<div id="arrTest"></div>
</body>
</html>
结果：
{"name":"张三","age":28,"gender":"MAN"}
[{"name":"张三","age":20,"gender":"GRIL"},{"name":"李思","age":28,"gender":"GRIL"}]
参数为数组时，会遍历数组的值，以数组的值作为value的属性。如果value原本包含该属性，那么显示该属性，如果不包含则不显示。例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
$(function(){
var name = ["name","gril","gender"];
var testObj = {
name:"张三",
age:28,
gender:"man"
};
$("#objTest").text(JSON.stringify(testObj,name));
var testArr = [{
name:"张三",
age:20,
gender:"gril"
},
{
name:"李思",
age:28,
gender:"gril"
}]
$("#arrTest").text(JSON.stringify(testArr,name));
})
</script>
</head>
<body>
<div id="objTest"></div>
<div id="arrTest"></div>
</body>
</html>
上面的name数组包含3个值，而testObj对象值包含其中的name属性和gender属性，并不存在gril属性，所以，只会显示name和gender属性。
结果：
{"name":"张三","gender":"man"}
[{"name":"张三","gender":"gril"},{"name":"李思","gender":"gril"}]
如果将参数改为一个对象数组，那么因为对象不是一个属性，key值为“”，所以会显示一个空对象：{}
2.3参数space
如果space参数为数字n时，value对象将被格式化，并且属性会缩进n个字符。n>10时，只会缩进10个空格，n<10时，缩进n个空格，n<=0时不进行格式化。例如：
$("#objTest").text(JSON.stringify(testObj,null,8));
$("#arrTest").text(JSON.stringify(testArr,name,8));
运行结果
如果space为特殊字符时，按照特殊字符格式化。
例如："\n"：每行换行。"aa":每行头部添加aa字母。
$("#objTest").text(JSON.stringify(testObj,null,"\n"));
$("#arrTest").text(JSON.stringify(testArr,name,"aa"));
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
$(function(){
var name = ["name","gril","gender"];
var testObj = {
name:"张三",
age:28,
gender:"man"
};
$("#objTest").text(JSON.stringify(testObj,name));
var testArr = [{
name:"张三",
age:20,
gender:"gril"
},
{
name:"李思",
age:28,
gender:"gril"
}]
// $("#arrTest").text(JSON.stringify(testArr,name));
// $("#objTest").text(JSON.stringify(testObj,null,8));
// $("#arrTest").text(JSON.stringify(testArr,name,8));
$("#objTest").text(JSON.stringify(testObj,null,"\n"));
$("#arrTest").text(JSON.stringify(testArr,name,"aa"));
})
</script>
</head>
<body>
<div id="objTest"></div>
<div id="arrTest"></div>
</body>
</html>
运行结果
网友评论