怎么将元素添加到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 。

以上关于怎么将元素添加到JSON对象呢？的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。