JSON.stringify()是Javascript中一个常用的内置 JSON 转换方法，JSON.stringify()可以把JSONObject 转化为 JSON 规则的字符串转换为，JSON.stringify()很方便，并且几乎支持所有浏览器。

JSON.stringify() 语法

JSON.stringify(value[, replacer[, space]])

JSON.stringify() 参数说明

参数	参数说明	备注
value	将要序列化成 一个JSON 字符串的值。	必选
replacer	如果是一个function，那么每个序列化成JSON的value都会经过这个function，如果是一个Array，那么序列化后的JSON字符串中的Key在这个数组中才会加入到返回的JSON 字符串中去。	可选
space	用于美化JSON字符串，如果是一个Number类型，代表的就是多少个空格。如果是0或者小于0，那么就是没有空格（和不填此项没有区别），如果是字符串，那么直接填充。	可选

JSON.stringify() 返回值说明

返回值是一个 JSON字符串，如："{"domain":"google365.cn"}"。

JSON.stringify() JSON To String

测试样例如下：

var json = {"domain" : "google365.cn","author":"soso"}

它就是一个正常的JSON对象，我们需要把它转换成字符串，这个时候JSON.stringify() 就可以派上用场了。

var json = {"domain" : "google365.cn","author":"soso"}
alert(JSON.stringify(json));
						

运行一下试试

其实它外层是有一对双引号包裹起来的。也就是实际是这样的"{"domain" : "google365.cn","author":"soso"}"。

JSON.stringify() replacer参数(1)

replacer参数可以是function，也可以是Array，如果是function，他接收的参数有2个，第一个是Key，第二个是Value。

replacer function返回值说明：

• 如果返回一个 Number, 转换成相应的字符串被添加入JSON字符串。
• 如果返回一个 String, 该字符串作为属性值被添加入JSON。
• 如果返回一个 Boolean, "true" 或者 "false"被作为属性值被添加入JSON字符串。
• 如果返回undefined，该属性值不会在JSON字符串中输出。

var json = {"domain" : "google365.cn","author":"soso"}
json = JSON.stringify(json, function(key,value){
	if(key == "domain"){
		return undefined;//踢出domain
	};
    return value;
});

运行一下试试

JSON.stringify() replacer参数(2)

如参数replacer是一个数组，序列化结果集的Key只输出命中的，miss的属性过滤。

replacer Array参数：

var json = {"domain" : "google365.cn","author":"soso"}
json = JSON.stringify(json, ['author']);
 alert("JSON = " + json);//结果只留下了命中Key的元素组合。

运行一下试试

JSON.stringify() space 参数(1) / JSON 格式化

space参数前面也说了，是用来美化输JSON的。

space 每个元素前面都间隔10个空格：

var json = {"domain" : "google365.cn","author":"soso"}
alert(JSON.stringify(json,null,10));

运行一下试试

space 也可以用‘tab’来定制空格美化输出，采用“\t”即可，如：

JSON.stringify({"domain" : "google365.cn","author":"soso"},null,'\t')

JSON.stringify() space 参数(2)

space 增加固定的字符串。

var json = {"domain" : "google365.cn","author":"soso"}
alert(JSON.stringify(json,null,"我是google365"));

运行一下试试

JSON.stringify() 其他常用展示

JSON.stringify({});                     // '{}'
JSON.stringify(true);                   // 'true'
JSON.stringify("google365");               // '"google365"'
JSON.stringify([1, "false", false]);    // '[1,"false",false]'
JSON.stringify({ abc: 5 });             // '{"abc":5}'
JSON.stringify({x: 5, y: 6});           // "{"x":5,"y":6}"

JSON.stringify([new Number(1), new String("false"), new Boolean(false)]);// '[1,"false",false]'

JSON.stringify({x: undefined, y: Object, z: Symbol("")});  // '{}'

JSON.stringify([undefined, Object, Symbol("")]);  // '[null,null,null]'

JSON.stringify({[Symbol("google365")]: "google365"});    // '{}'

JSON.stringify({[Symbol.for("google365")]: "google365"}, [Symbol.for("google365")]); // '{}'

JSON.stringify() 浏览器支持问题

• Firefox 3.5 + （目前已经50+版本了）
• Internet Explorer 8 +（这个...）
• Chrome（一直支持）
• Opera 10 +
• Safari 4 +

版权所属：SOJSON（原创文章）

原文地址：https://www.sojson.com/json/json_stringify.html

转载时必须以链接形式注明原始出处及本声明。