如何将元素添加到JSON对象？

最新推荐文章于 2024-05-01 23:13:21 发布

weixin_45587319

最新推荐文章于 2024-05-01 23:13:21 发布

阅读量933

点赞数

文章标签： JavaScript json

原文链接：https://www.html.cn/qa/json/10319.html

版权

如何将元素添加到JSON对象？下面本篇文章就来给大家介绍一下使用JavaScript将元素添加到JSON对象的方法，希望对大家有所帮助。
在这里插入图片描述
为了将键/值对添加到JSON对象，我们使用点表示法或方括号表示法。这两种方法都被广泛接受，下面通过示例来了解一下。

示例1：使用点表示法将{“prop_4” : “val_4”}添加到JSON对象中

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<h2 style="color:green;">如何将元素添加到JSON对象？</h2>

		<p id="up" style=" font-weight: bold"></p>

		<button onclick="fun()">单击以添加</button>

		<p id="down" style="color:green; font-weight: bold" ;></p>

		<script>
			var demo = {
				prop_1: "val_1",
				prop_2: "val_2",
				prop_3: "val_3"
			};
			var p_up =
				document.getElementById("up");
			var p_down =
				document.getElementById("down");
			p_up.innerHTML =
				JSON.stringify(demo);

			function fun() {
				demo.prop_4 = "val_4";
				p_down.innerHTML = JSON.stringify(demo);
			}
		</script>
	</body>

</html>

效果图：
在这里插入图片描述
示例2：使用方括号表示法将{“prop_4” : “val_4”}添加到JSON对象中

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<h2 style="color:green;">如何将元素添加到JSON对象？</h2>

		<p id="up" style=" font-weight: bold"></p>

		<button onclick="fun()">单击以添加</button>

		<p id="down" style="color:green; font-weight: bold" ;></p>

		<script>
			var demo = { 
	            prop_1: "val_1", 
	            prop_2: "val_2", 
	            prop_3: "val_3" 
	        }; 
	        var p_up =  
	            document.getElementById("up"); 
	        var p_down =  
	            document.getElementById("down"); 
	        p_up.innerHTML =  JSON.stringify(demo); 
	  
	        function fun() { 
	            demo["prop_4"] = "val_4"; 
	            p_down.innerHTML = JSON.stringify(demo); 
	        } 
		</script>
	</body>

</html>

效果图：

在这里插入图片描述
更多编程知识可以关注php中文网。

推荐阅读：

php服务器

php5下载

weixin_45587319

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何将元素添加到JSON对象？

如何将元素添加到JSON对象？下面本篇文章就来给大家介绍一下使用JavaScript将元素添加到JSON对象的方法，希望对大家有所帮助。为了将键/值对添加到JSON对象，我们使用点表示法或方括号表示法。这两种方法都被广泛接受，下面通过示例来了解一下。示例1：使用点表示法将{“prop_4” : “val_4”}添加到JSON对象中<!DOCTYPE html><html...
复制链接

扫一扫