h5-27-存储/读取JS对象

转载于 2017-08-03 09:56:00 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/1020182600HENG/p/7278124.html

文章标签：

#json #javascript #ViewUI

本文介绍了如何使用JavaScript将对象转换为JSON格式，并将其存储在localStorage中，随后再从localStorage中读取并解析回对象的过程。

存储JS对象

<script type="text/javascript">

	/*封装人员信息*/
	function Person(id,name,age) {
		this.id = id;
		this.name = name;
		this.age = age;
	}

	var p = new Person(1001,'tom',17);
	
	document.write(p.id + ',' + p.name + ',' + p.age);
	
	//把对象转换为JSON数据格式
	var jsonStr = JSON.stringify(p);
	
	//存储到localStorage
	localStorage.person = jsonStr;
	/*
	 * 或者是localStorage.setItem(key,value);
	 */
</script>

读取JS对象

<script type="text/javascript">

	//读取JSON字符串
	var jsonStr = localStorage.person;
	/*
	 * 或者是localStorage.getItem(key);
	 */

	if (jsonStr) {
		// 把JSON字符串转换为对象
		var jsonObj = JSON.parse(jsonStr);
		document.write(jsonObj.id + ',' + jsonObj.name + ',' + jsonObj.age);		
	}
</script>

转载于:https://www.cnblogs.com/1020182600HENG/p/7278124.html