JSON一般用于web页面与服务器之间进行数据交换的数据格式,而今天就说一说 javascript 中将字符串,对象,数组转化成为 json 格试字符串的方法。
JSON.stringify() 方法的定义
JSON.stringify():方法用于将 JavaScript 值转换为 JSON 字符串。
语法:
JSON.stringify(value, replacer, space)
参数:
value:将要被序列化成 一个JSON 字符串的值。
replacer:(可选)如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中;如果该参数为null或者未提供,则对象所有的属性都会被序列化;关于该参数更详细的解释和示例,请参考使用原生的 JSON 对象一文。
space:可选, 向返回值JSON 文本添加缩进、空格和换行符以使其更易于读取。
(1)、如果省略space,则将生成返回值文本,而没有任何额外空格。
(2)、如果 space是一个数字,则返回值文本在每个级别缩进指定数目的空格。 如果 space 大于 10,则文本缩进 10 个空格。
(3)、如果 space是一个非空字符串(例如“\t”),则返回值文本在每个级别中缩进字符串中的字符。
(4)、如果 space 是长度大于 10个字符的字符串,则使用前 10 个字符。
JSON.stringify() 方法的使用
例:利用 JSON.stringify() 方法将数组转化为JSON字符串
如果将 js 数组转化为 JSON 字符串,则无需要设置 JSON.stringify() 方法的第二个或第三个参数,
示例代码:
<script>
var data = [
{
name: "小明", sex: "男", age: 16
},
{
name: "红红", sex: "女", age: 17
},
{
name: "君君", sex: "男", age: 18
},
{
name: "晓晓", sex: "女", age: 19
}
];
var json = JSON.stringify(data);
console.log(json);
</script>
输出结果:
[{"name":"小明","sex":"男","age":16},{"name":"红红","sex":"女","age":17},{"name":"君君","sex":"男","age":18},{"name":"晓晓","sex":"女","age":19}]
例:JSON.stringify() 方法将数组指定数组转化为JSON字符串
如果将 js 数组中的指定部份转化为 JSON 字符串,则只需要将第 JSON.stringify() 方法的第二个参数设置为数组即可,其数组中写入要输出的数组key即可。
示例代码:
<script>
var data = [
{
name: "小明", sex: "男", age: 16
},
{
name: "红红", sex: "女", age: 17
},
{
name: "君君", sex: "男", age: 18
},
{
name: "晓晓", sex: "女", age: 19
}
];
//这里用到了 JSON.stringify() 方法的第二个参数
var json = JSON.stringify(data,['name']);
console.log(json);
</script>
输出结果:
[{"name":"小明"},{"name":"红红"},{"name":"君君"},{"name":"晓晓"}]
例:JSON.stringify() 方法的第二个参数为函数时
示例代码:
<script>
var arr = new Array();
arr[0] = "上海";
arr[1] = "北京";
arr[2] = "湖南";
arr[3] = "山东";
arr[4] = "青岛";
//这里用到了 JSON.stringify() 方法的第二个参数为函数
var json = JSON.stringify(arr,function(key, value){
return value.toString().toUpperCase();
});
console.log(json);
</script>
输出结果:
"上海,北京,湖南,山东,青岛"
注:
toString():方法可把一个逻辑值转换为字符串,并返回结果。
toUpperCase():方法用于把字符串转换为大写。
例:美化 JSON.stringify() 方法输出的结果
示例代码
<script>
var arr = new Array();
arr[0] = "ShangHai";
arr[1] = "BeiJing";
arr[2] = "HuNan";
arr[3] = "ShanDong";
arr[4] = "QingDao";
//这里用到了 JSON.stringify() 第三个参数,比如设置为 '\t'
var json = JSON.stringify(arr,null,'\t');
console.log(json);
</script>
输出结果:
[
"ShangHai",
"BeiJing",
"HuNan",
"ShanDong",
"QingDao"
]
PS:此种方法,便于本地查看打印结果