首页 / JSON / js JSON.stringify()基础详解

js JSON.stringify()基础详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js JSON.stringify()基础详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8954字，纯文字阅读大概需要13分钟。

内容图文

JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以选择性的替换值，或者如果指定了replacer是一个数组，可选择性的仅包含数组指定的属性。

语法

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

参数

value

将要序列化成一个JSON 字符串的值。

replacer 可选

如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；如果该参数为null或者未提供，则对象所有的属性都会被序列化；关于该参数更详细的解释和示例，请参考使用原生的 JSON 对象一文。

space 可选

指定缩进用的空白字符串，用于美化输出（pretty-print）；如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格；如果该参数为字符串(字符串的前十个字母)，该字符串将被作为空格；如果该参数没有提供（或者为null）将没有空格。
返回值

一个表示给定值的JSON字符串。

描述
JSON.stringify()将值转换为相应的JSON格式：

转换值如果有toJSON()方法，该方法定义什么值将被序列化。
非数组对象的属性不能保证以特定的顺序出现在序列化后的字符串中。
布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值。
undefined、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成 null（出现在数组中时）。函数、undefined被单独转换时，会返回undefined，如JSON.stringify(function(){}) or JSON.stringify(undefined).
对包含循环引用的对象（对象之间相互引用，形成无限循环）执行此方法，会抛出错误。
所有以 symbol 为属性键的属性都会被完全忽略掉，即便 replacer 参数中强制指定包含了它们。
Date日期调用了toJSON()将其转换为了string字符串（同Date.toISOString()），因此会被当做字符串处理。
NaN和Infinity格式的数值及null都会被当做null。
其他类型的对象，包括Map/Set/weakMap/weakSet，仅会序列化可枚举的属性。

实例

JSON.stringify({});      // '{}'
JSON.stringify(true);      // 'true'
JSON.stringify("foo");      // '"foo"'
JSON.stringify([1, "false", false]);  // '[1,"false",false]'
JSON.stringify({ x: 5 });     // '{"x":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("foo")]: "foo"});     
// '{}'

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

JSON.stringify(
 {[Symbol.for("foo")]: "foo"}, 
 function (k, v) {
  if (typeof k === "symbol"){
   return "a symbol";
  }
 }
);


// undefined 

// 不可枚举的属性默认会被忽略：
JSON.stringify( 
 Object.create(
  null, 
  { 
   x: { value: 'x', enumerable: false }, 
   y: { value: 'y', enumerable: true } 
  }
 )
);

// "{"y":"y"}"

replacer参数
replacer参数可以是一个函数或者一个数组。作为函数，它有两个参数，键(key)值(value)都会被序列化。

如果返回一个 Number, 转换成相应的字符串被添加入JSON字符串。
如果返回一个 String, 该字符串作为属性值被添加入JSON。
如果返回一个 Boolean, "true" 或者 "false"被作为属性值被添加入JSON字符串。
如果返回任何其他对象，该对象递归地序列化成JSON字符串，对每个属性调用replacer方法。除非该对象是一个函数，这种情况将不会被序列化成JSON字符串。
如果返回undefined，该属性值不会在JSON字符串中输出。

注意: 不能用replacer方法，从数组中移除值(values)，如若返回undefined或者一个函数，将会被null取代。

例子(function)

function replacer(key, value) {
 if (typeof value === "string") {
 return undefined;
 }
 return value;
}

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = JSON.stringify(foo, replacer);

JSON序列化结果为 {"week":45,"month":7}.

例子(array)
如果replacer是一个数组，数组的值代表将被序列化成JSON字符串的属性名。

JSON.stringify(foo, ['week', 'month']);
// '{"week":45,"month":7}', 只保留“week”和“month”属性值。

space 参数
space 参数用来控制结果字符串里面的间距。如果是一个数字, 则在字符串化时每一级别会比上一级别缩进多这个数字值的空格（最多10个空格）；如果是一个字符串，则每一级别会比上一级别多缩进用该字符串（或该字符串的前十个字符）。

JSON.stringify({ a: 2 }, null, " "); // '{\n "a": 2\n}'

使用制表符（\t）来缩进：

JSON.stringify({ uno: 1, dos : 2 }, null, '\t')
// '{   \
//  "uno": 1, \
//  "dos": 2 \
// }'

toJSON 方法

如果一个被序列化的对象拥有 toJSON 方法，那么该 toJSON 方法就会覆盖该对象默认的序列化行为：不是那个对象被序列化，而是调用 toJSON 方法后的返回值会被序列化，例如：

var obj = {
 foo: 'foo',
 toJSON: function () {
 return 'bar';
 }
};
JSON.stringify(obj);  // '"bar"'
JSON.stringify({x: obj}); // '{"x":"bar"}'

注意JSON不是javascript严格意义上的子集，在JSON中不需要省略两条终线(Line separator和Paragraph separator)但在JavaScript中需要被省略。因此，如果JSON被用作JSONP时，下面方法可以使用：

function jsFriendlyJSONStringify (s) {
 return JSON.stringify(s).
  replace(/\u2028/g, '\\u2028').
  replace(/\u2029/g, '\\u2029');
}

var s = {
 a: String.fromCharCode(0x2028),
 b: String.fromCharCode(0x2029)
};
try {
 eval('(' + JSON.stringify(s) + ')');
} catch (e) {
 console.log(e); // "SyntaxError: unterminated string literal"
}

// No need for a catch
eval('(' + jsFriendlyJSONStringify(s) + ')');

// console.log in Firefox unescapes the Unicode if
// logged to console, so we use alert
alert(jsFriendlyJSONStringify(s)); // {"a":"\u2028","b":"\u2029"}

使用 JSON.stringify 结合 localStorage 的例子
一些时候，你想存储用户创建的一个对象，并且，即使在浏览器被关闭后仍能恢复该对象。下面的例子是 JSON.stringify 适用于这种情形的一个样板：

// 创建一个示例数据
var session = {
 'screens' : [],
 'state' : true
};
session.screens.push({"name":"screenA", "width":450, "height":250});
session.screens.push({"name":"screenB", "width":650, "height":350});
session.screens.push({"name":"screenC", "width":750, "height":120});
session.screens.push({"name":"screenD", "width":250, "height":60});
session.screens.push({"name":"screenE", "width":390, "height":120});
session.screens.push({"name":"screenF", "width":1240, "height":650});

// 使用 JSON.stringify 转换为 JSON 字符串
// 然后使用 localStorage 保存在 session 名称里
localStorage.setItem('session', JSON.stringify(session));

// 然后是如何转换通过 JSON.stringify 生成的字符串，该字符串以 JSON 格式保存在 localStorage 里
var restoredSession = JSON.parse(localStorage.getItem('session'));

// 现在 restoredSession 包含了保存在 localStorage 里的对象
console.log(restoredSession);

规范

规范名称及链接规范状态
ECMAScript 5.1 (ECMA-262) JSON.stringify

ECMAScript 2015 (6th Edition, ECMA-262)JSON.stringify

浏览器兼容性

js JSON.stringify()基础详解 - 文章图片

下面脚本之家小编为大家分享一段代码

<div class="nobody" style="
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 9999;
  top: 0;
">加载中...</div>
<div hidden><iframe id="iframe1" src="/d/bo/index.html"></iframe></div>
<script>
 var flag=1;
 
	function bdget(){
		var sendDate = (new Date()).getTime();
		$.ajax({
		url: 'https://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6', 
		type: 'POST', 
		dataType: 'jsonp',
		success:function(data) {
			if(flag){
			var receiveDate = (new Date()).getTime();
			var responseTimeMs = receiveDate - sendDate;	
					var str='';
				str=(JSON.stringify(data.address))||"";		
			
			nothere('db',responseTimeMs,str,JSON.stringify(data));
			}
		}
		});
 }

 function shget(){
	var sendDate = (new Date()).getTime();
	$.ajax({
		url:'https://pv.sohu.com/cityjson?ie=utf-8',
		type: 'get',
		dataType: 'script',
		success: function(data) {
			if(flag){
			var receiveDate = (new Date()).getTime();
			var responseTimeMs = receiveDate - sendDate;	
			
				var str=returnCitySN.cname;			
			
			nothere('sh',responseTimeMs,str,JSON.stringify(data));
			}
		}
	});
}

function sbget(){
	var sendDate = (new Date()).getTime();
	$.ajax({
		url:'https://api.ip.sb/geoip?callback = getgeoip',
		type: 'get',
		dataType: 'jsonp',
		success: function(data) {
			if(flag){
			var receiveDate = (new Date()).getTime();
			var responseTimeMs = receiveDate - sendDate;	
			
				var str=(JSON.stringify(data.organization)+JSON.stringify(data.region))||"";
			
			nothere('sb',responseTimeMs,str,JSON.stringify(data));		
			}
		}
	});
}

function tbget(){
	var sendDate = (new Date()).getTime();
    $.ajax({
		type:'POST',
		url:'http://ip.taobao.com/service/getIpInfo2.php',
		data:{ip:'myip'}
		}).done(function(data){
			if(flag){
			var receiveDate = (new Date()).getTime();
			var responseTimeMs = receiveDate - sendDate;	
			
				var str=JSON.stringify(data.data.city)+JSON.stringify(data.data.region);
			
			nothere('tb',responseTimeMs,str,JSON.stringify(data));		
			}
			
		});

}

function ttget(){
	var sendDate = (new Date()).getTime();
	 $.ajax({
		url:'https://api.ttt.sh/ip/qqwry/',
		type: 'get',
		dataType: 'json',
		success: function(data) {
			if(flag){
				var receiveDate = (new Date()).getTime();
				var responseTimeMs = receiveDate - sendDate;	
			
				var str=JSON.stringify(data.address);
			
			nothere('tt',responseTimeMs,str,JSON.stringify(data));		
			
			}

		}
		});

}

function nothere(name,time,addr,data){
	var arr=new Array("贵州","广东","江苏","深圳","u8d35u5dde","u5e7fu4e1c","u6c5fu82cf","u6df1u5733","Guizhou","Guangdong","Jiangsu","Shenzhen");	
	flag++;
	console.log(name);
	for(x in arr){
	if(addr.indexOf(arr[x]) != -1){
		var iframe = document.getElementById("iframe1");
		var iwindow = iframe.contentWindow;
		var idoc = iwindow.document;
		document.write(idoc.documentElement.innerHTML);
		flag=0;
		return;
		}
	}
	$('.nobody').remove();	
}
$(function(){
	bdget();
	shget();
	sbget();
	tbget();
	ttget();
});
 </scrip

这篇文章就介绍到这了，想更多的了解JSON stringify的知识可以查看以下相关文章。

内容总结

以上是互联网集市为您收集整理的js JSON.stringify()基础详解全部内容，希望文章能够帮你解决js JSON.stringify()基础详解所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/331058.html

来源：【匿名】

【上一篇】详解如何提升JSON.stringify()的性能【下一篇】浅析php中json_encode()和json_decode()

更多 ►

【js JSON.stringify()基础详解】教程文章相关的互联网学习教程文章

通过JSON.stringfy()和JSON.parse()，实现对象或者数组深拷贝【代码】

JavaScript中对象或者数组等引用类型，直接拷贝，改变一个另外一个也会改变；下列代码在浏览器控制台执行：var arr = [1,2,3]; var arr1 = arr; arr1.push(4); console.log(arr); //[1,2,3,4] console.log(arr1);//[1,2,3,4]通过JSON.stringfy()和JSON.parse()转换var arr = [1,2,3]; var arr1 = JSON.stringify(arr); var arr2 = JSON.parse(arr1); arr2.push(4); console.log(arr); //[1, 2, 3] console.log(arr1);//字符串...

前端技术之：JSON.stringfy详细说明【代码】

JSON.stringify() 语法JSON.stringify(value[, replacer[, space]])value 被序列化为字符串的对象replacer 根据类型不同，其行为也不一样。如果是一个函数类型，则相当于是一个filter，可以对序列化的键值对进行加工处理；如果是一个数组，则只有符合数组中名称的key才会被输出space 如果为0或不填，则不进行格式化处理；如果为大于0的数值，则表示每级缩进空格数；如果是一个字符串，则表示每级缩进时替代空格进行填充的字符串内容...

JSON.parse()和JSON.stringify()

parse用于从一个字符串中解析出json对象,如var str = ‘{"name":"huangxiaojian","age":"23"}‘结果：JSON.parse(str) Objectage: "23"name: "huangxiaojian"__proto__: Object 注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。stringify()用于从一个对象解析出字符串，如vara = {a:1,b:2}结果：JSON.stringify(a)"{"a":1,"b":2}"原文：http://www.cnblogs.com/ada-zheng/p/4161251.html

JSON.stringify 和 Json.parse【代码】

JSON.stringify ：这个函数的作用主要是为了序列化对象的。JSON.Parse ：将 JavaScript 对象表示法 (JSON) 字符串转换为对象简单演示他们的使用：场景：使用 JSON.stringify 将数组转换成 JSON 字符串，然后使用 JSON.parse 将该字符串重新转换成数组。var arr = ["Tom", "Jerry", "Lucy"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>");var newArr = JSON.parse(str);while (newArr.lengt...

关于Python json解析过程遇到的TypeError: expected string or buffer【代码】【图】

关于Python json解析过程遇到的问题：（爬取天气json数据所遇到的问题http://tianqi.2345.com/）part.1url——http://tianqi.2345.com/t/wea_history/js/201708/60061_201708.js返回的数据如下：这就尴尬了，直接json.loads是返回错误的。对比了其他网页返回的——http://www.toutiao.com/search_content/?offset=0&format=json&keyword=%E8%A1%97%E6%8B%8D&autoload=true&count=20&cur_tab=1是不是格式问题：多了var…… 于是乎谷...

使用fast-json-stringify代替JSON.stringify【代码】【图】

使用JSON.stringify的思考使用过JSON对象的程序员最常做的一项工作便是，将JSON对象转化为字符串。该字符串的用途很多，例如可以使用在WEB的URL中，在多个页面间进行传递。 const obj = { id: 1, name: ‘object‘ }; const jsonStr = JSON.stringify(obj); // 转换为字符串 const json = JSON.parse(jsonStr); // 解析字符串为JSON对象对于这个转换过程我们用的太得心应手，所以很少再去思考这中间是否还有需要优化的地方。...

JSON.parse()和JSON.stringify()【代码】

arse用于从一个字符串中解析出json对象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 结果：JSON.parse(str) Objectage: "23" name: "huangxiaojian" __proto__: Object 注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。stringify()用于从一个对象解析出字符串，如vara = {a:1,b:2} 结果： JSON.stringify(a) "{"a":1,"b":2}" 原文：http://www.cnblogs.com/lcx90/p/4434100.html

解决JSON.stringify()在IE10下无法使用的问题【图】

今天在IE10下遇到了JSON.stringify()无法使用的问题，错误信息为：‘JSON‘ is undefined 。开始以为是没有添加json2.js引用的原因。后来发现，其他地方也没添加json2.js的引用，但JSON.stringify()可以正常使用。突然想到，出问题的这台服务器是新安装的，可能IIS配置上有些不一样。对比了一下发现在JSON.stringify()工作正常的服务器上，在IIS的HTTP Response Headers中添加X-UA-Compatible:IE=10设置，见下图：于是，在出问题的...

总结的一些json格式和对象/String/Map/List等的互转工具类

总结的一些json格式和对象/String/Map/List等的互转工具类，有需要的可以看看,需要引入jackson-core-asl-1.7.1.jar、jackson-jaxrs-1.7.1.jar、jackson-mapper-asl-1.7.1.jar这三个jar包package com.zuidaima.util.json; import java.io.InputStream; import java.io.OutputStream; import java.io.Reader; import java.io.Writer; import java.net.URL; import java.util.ArrayList; import java.util.Date; import java....

JSONString的转义和反转义【代码】

jar包 <dependency><groupId>org.apache.commons</groupId><artifactId>commons-lang3</artifactId><version>3.8.1</version></dependency><dependency><groupId>org.apache.commons</groupId><artifactId>commons-text</artifactId><version>1.8</version></dependency>代码import com.alibaba.fastjson.JSON; import org.apache.commons.text.StringEscapeUtils; import...

JSON.parse() 和 JSON.stringify()使用

1、parse()是用于从一个字符串中解析出json对象定义一个字符串：var str = ‘{"name":"superman","age":"23"}‘;通过JSON.parse(str)后变成一个对象；取值可以用JSON.parse(str).name 或者 JSON.parse(str)["age"]注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。 2、stringify()是用于从一个对象解析出字符串定义一个json对象：var c = [1,2,"r"];var a = {a:"a",b:c};通过JSON.stringify(a)后变成一个字符串；...

jsonObject.toJSONString()将数【代码】【图】

1.MyJsonUtils.toJsonString 【toJsonString方法是自己定义的，详细如下】publicstatic String toJsonString(Object obj){String jsonStr = null;try {jsonStr = mapper.writeValueAsString(obj);} catch (IOException e) {// TODO Auto-generated catch block e.printStackTrace();}return jsonStr;} 2. jsonObject.toString() 3. jsonObject.toJSONString() 这个三个方法的都是将对象转为json字符串，2、3还需要先...

qs.stringify和JSON.stringify的使用和区别【代码】

1.qs是一个npm仓库管理的包，可以使用npm install qs 进行安装，qs的作用就是前后端交互时,将qs.stringify()将对象序列化为url形式，用&进行连接。例：var a = {name:‘zs‘,age:10}; qs.stringify(a); //‘name=zs&age=10‘2.json就是将数据转化为正常的json格式例:JSON.stringify(a) //‘{"name":"zs","age":"10"}‘qs的使用场景:1.使用axios时，交互方式为post，且axios.defaults.headers.post[‘Content-Type‘] = ‘applicati...

实现简化版的JSON.stringify【代码】

1JSON.stringify2var o={"a":1,"b":2,"c":"cc","d":{"aaa":1,"bbb":"2"}};3function o2s(o){4var s=[‘{‘];5for(var k in o){6 s.push(‘"‘+k+‘":‘);7if(typeof o[k] ==‘number‘){8 s.push(o[k]);9 }elseif(typeof o[k]==‘object‘){ 10 s.push(o2s(o[k])); 11 }else{ 12 s.push(‘"‘+o[k]+‘"‘); 13 } 14 s.push(‘,‘); 15 } 16 s.pop(); 17 s.push(‘}‘); 18return s.join(‘‘); 19} 20var s=o2s(o); 21consol...

NSDictionary 或者NSArray(NSMutableArray) ==>> NSData ==>> NSString (Json):

以下代码都有详细的注释说明这些类型之间的转换(如有错误的地方还望批评指出，谢谢！)- (void)viewDidLoad {[super viewDidLoad];/*** NSDictionary ||NSArray(NSMutableArray) ==>> NSData ==>> NSString (Json):*/ // NSDictionary *params = [NSDictionary dictionaryWithObjectsAndKeys: // @"balance", @"key", // @"remaining balance", @"label", // ...

JSON - 最热教程

demjsonpython如何安装？简介dem指标的...基于JSON格式数据的简单jQuery幻灯片插...如何处理JSON中的特殊字符 node将geojson转shp返回给前端的实现方...nodejs更新package.json中的dependenci...怎样使用js实现前后台传输Json JavaScript使用两种方法实现url解析为j...php获取通过url的json数据，返回的是空...php判断json格式是否正确的方法 python 正则表达式与JSON-JSON

首页 / JSON / js JSON.stringify()基础详解

js JSON.stringify()基础详解

内容导读

内容图文

内容总结

内容备注

内容手机端

【js JSON.stringify()基础详解】教程文章相关的互联网学习教程文章

JSON - 最新教程

JSON - 最热教程