怎么将元素添加到JSON对象呢?

答疑时间

怎么将元素添加到JSON对象呢?接下来码云笔记 mybj将通过使用JavaScript原生方法将元素添加到JSON对象,希望对需要的小伙伴提供一些参考的价值,当然大家也可以提供更好的方法给我。

为了将键/值对添加到JSON对象,一般我们使用点表示法或方括号表示法。这两种方法都被广泛接受使用,下面通过代码实例来讲解一下。

公共HTML代码如下:

<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>

点表示法

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

<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>

效果如下:

点表示法

方括号表示法

使用方括号表示法将{“prop_4” : “val_4”}添加到JSON对象中

JavaScript代码如下:

<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>

效果如下:

方括号表示法

以上就是码云笔记为大家带来的怎么将元素添加到JSON对象呢?的方法,希望对大家有帮助,也欢迎大家下方留言提供更好的方法,更多前端开发内容请关注 码云笔记 mybj 。

关注web前端开发的个人技术博客,分享前端经验和技巧
码云笔记 » 怎么将元素添加到JSON对象呢?

发表评论

提供最优质的资源集合

立即查看 了解详情