json串和js对象互转

最新推荐文章于 2024-10-14 13:57:16 发布

原创最新推荐文章于 2024-10-14 13:57:16 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用JavaScript解析JSON字符串为对象，并演示了对象属性的访问和字符串操作。还涉及JSON对象转化为字符串，以及数组定义、操作和基本元素展示。重点在于前端开发中的数据交互技巧。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var K = '[{"name":"rose","age":20},{"name":"Jim","age":"25"}]';

			//4把json字符串和js对象互转-----JSON工具
			//json字符串转成js对象 为了调用属性,函数方便
			var jsobj = JSON.parse(K);
			console.log(jsobj);
			console.log(jsobj[1].age) //获取对象身上的属性值
			console.log(jsobj[0].name) //获取对象身上的属性值
			//json对象转成json字符串---为了对字符串进行操作,给服务器发送数据
			var json2 = JSON.stringify(jsobj);
			console.log(json2);
			console.log(json2.concat(123));
			console.log(json2.substr(5));

			//3定义json数组
			var c = '[{"name":"rose","age":20},{"name":"Jim","age":"25"}]';
			console.log(c);
			console.log(c.substr(5))

			//2定义json对象
			var b = '{"name":Tom,"age":"18"}'; //json串,用来交互数据的格式
			var b1 = {
				name: "Tom",
				age: 18
			}; //是js对象,封装了属性函数
			console.log(b);
			console.log(b.length);
			console.log(b.concat(1000));


			//1定义json字符串
			var a = '"name":"jack"';
			console.log(a);
			console.log(a.length);
			console.log(a.concat(123));
			console.log(a.substr(3));
		</script>
	</head>
	<body>
	</body>
</html>