JSON相关-优快云博客

本文链接：https://blog.youkuaiyun.com/ZziQon/article/details/120165685

这篇博客介绍了JSON的概念和作用，展示了如何在JavaScript中使用JSON进行数据操作。通过示例代码，解释了JSON字符串、对象和数组的定义，并演示了`JSON.parse()`和`JSON.stringify()`方法在解析和序列化JSON对象中的应用。

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

概念及作用
概念：称为JS对象简谱，配合Ajax使用，是一个字符串
作用：用于B/S之间进行数据交换，也就是js对象与json的转换
定义
json字符串：’ “name”:“jack” ’
json对象：‘ {json串1，json串2} ’
json数组：‘ [ json对象1，json对象2 ] ’
代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var a = '"name":"zzq"';
			var b='{"name":"zmm","age":"21"}';
			var c = b.concat('wf');
			console.log(c);
			var d = '[{"name":"zmm","age":"21"},{"name":"zzq","age":"21"}]';
			console.log(d);
			var js = JSON.parse(b);
			console.log(js.name);
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			function func(){
				var hero = '{"name1":"VN","name2":"Ezreal"}';
				var heros = '[{"name1":"VN","name2":"Ezreal"},{"name1":"zhaoxin","name2":"leesin"}]';
				
				var jsobj = JSON.parse(heros);
				document.getElementById("adc").innerHTML = jsobj[0].name1;
				
				var jsobj2 = {name:"yatuokesi",age:250};
				var jsonstr = JSON.stringify(jsobj2);
				console.log(jsonstr.length);
			}
		</script>
	</head>
	<body>
		<div id="jug" onclick="func()">打野位</div>
		<div id="adc">下路</div>
		<div id="top">上单</div>
	</body>
</html>