js object对象转换为自定义对象

suyunlong

于 2016-10-09 15:57:27 发布

阅读量5.1k

点赞数

分类专栏： js 文章标签： js object 对象

本文链接：https://blog.youkuaiyun.com/asuyunlong/article/details/52767588

版权

js 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种将JavaScript内置对象转换为自定义对象的方法，并通过具体示例展示了如何实现这一过程。文章首先定义了两个自定义对象Man和People，接着通过copyBeans函数实现了属性复制，最后使用JSON.stringify和JSON.parse完成了对象类型的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
  <head>
    <title>object对象转换为自定义对象</title>
	<meta charset="UTF-8">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
    	function Man()
    	{
    		this.id=0;
    		this.name="";
    		this.sex="";
    	}
    	function People()
    	{
    		this.name="";
    		this.sex="";
    	}
    	function copyBeans(obj,bean)
    	{
    		for(var p in obj)
    		{
    			if(typeof(obj[p])==="function")
    			{
    				
    			}
    			else
    			{
    				bean[p]=obj[p];
    			}
    		}
    		return bean;
    	}
    	var st=new Man();
    	console.log(st);
    	st.id=100;
    	st.name="tom";
    	st.sex="男";
    	var tt=JSON.stringify(st);
    	var man=JSON.parse(tt,function(key,val)
    	{
    		if(typeof(val)==="object")
    		{
    			var m=new Man();
    			m=copyBeans(val,m);
    			return m;
    		}
    		return val;
    	});
    	console.log(man);
    	console.log(man.id+","+man.name+","+man.sex);
    </script>
  </head>
  <body>
    This is my HTML page. <br>
  </body>
</html>

浏览器控制台打印日志为：

Man {id: 0, name: "", sex: ""}
Man {id: 100, name: "tom", sex: "男"}
100,tom,男