javascript(js)对象的创建、属性的定义、方法的定义、js和json的相互转化

本文链接：https://blog.csdn.net/m0_67929156/article/details/126045448

js对象的创建

语法： var 对象名={}

实现代码：

var student={}

js对象定义属性

语法：var 对象名={ a:‘1’,b:‘hyh’ }

实现代码：

<script>
			//js创建对象
			 var student={
			 	//js对象定义蜀绣
			 	id:1001,
			 	name:"张三",
			 	age:45
			 			 	
			 }	
		</script>

js对象定义方法

语法：run:function () {}

run:function  () {}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//js创建对象
			 var Student={
			 	//js对象定义属性
			 	id:1001,
			 	name:"hyh",
			 	age:45,
			 	//定义方法
			 	run:function  () {
			 		//alert(1);
			 		console.log(this.age+"run-----------");
			 		
			 		
			 		
			 	}  
			 	
			 };
			 
			 
		</script>
	</head>
	<body>
	</body>
</html>

js转化json

js本质是对象

js格式：{id: 1001, name: ‘hyh’, age: 45}

json本质是字符串

json 格式：‘{“id”:1001,“name”:“hyh”,“age”:45}’

js转化json使用stringify()方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//js创建对象
			 var Student={
			 	//js对象定义属性
			 	id:1001,
			 	name:"hyh",
			 	age:45,		 	 	
			 };
			var j= JSON.stringify(Student);//js----json
			
			 
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

json转化为js使用parse()方法；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//js创建对象
			 var Student={
			 	//js对象定义属性
			 	id:1001,
			 	name:"hyh",
			 	age:45,		 	 	
			 };
			
			
			var a= JSON.parse('{"id":1001,"name":"hyh","age":45}');//json--js
		</script>
	</head>
	<body>
	</body>
</html>