怎么将元素添加到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对象呢?
码云笔记 » 怎么将元素添加到JSON对象呢?