JSON.stringify(obj)是常用的将js对象转换为json字符串的方法,但很少有人知道,该方法其实还有另外2个参数。


1、方法

方法定义:JSON.stringify(value, replacer, space)

参数说明:value:js对象
                  replacer:替换对象,可以是一个方法、对象或数组,将value按照替换规则展示。

                  space:填充参数,可以是数字或字符串,将value按照参数进行格式化展示。
方法说明:将value对象转换为指定格式的json文本。


2、参数value

如果不转换对象注解输出对象的效果:



使用JSON.stringify(value)的效果
js:

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

页面效果:




3、参数replacer

参数为function(key,value),会根据函数返回值替换value中的值。

例如替换上面对象的gender为英文大写。
js:
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;
}
页面效果:




参数为object对象,并不会影响原对象。

参数为数组时,会遍历数组的值,以数组的值作为value的属性。如果value原本包含该属性,那么显示该属性,如果不包含则不显示。例如:
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));

上面的name数组包含3个值,而testObj对象值包含其中的name属性和gender属性,并不存在gril属性,所以,只会显示name和gender属性。效果如下:

如果将参数改为一个对象数组,那么因为对象不是一个属性,key值为“”,所以会显示一个空对象:{}。

4、参数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));
缩进8个空格展示。

如果space为特殊字符时,按照特殊字符格式化。
例如:"\n":每行换行。"aa":每行头部添加aa字母。
$("#objTest").text(JSON.stringify(testObj,null,"\n"));
$("#arrTest").text(JSON.stringify(testArr,name,"aa"));
效果如下:


希望能带给你帮助!

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 3 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐