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