js 动态生成json对象、时时更新json对象的方法


Posted in Javascript onDecember 02, 2016

函数不需要 return,因为 json 对象会被函数直接修改。

var str1 = {"name": "apple", "sex": "21"};
         
// 参数:prop = 属性,val = 值
function createJson(prop, val) {
  // 如果 val 被忽略
  if(typeof val === "undefined") {
    // 删除属性
    delete str1[prop];
  }
  else {
    // 添加 或 修改
    str1[prop] = val;
  }
}

下面为测试

// 无改动,输出 Object {name="apple", sex="21"}
console.log(str1);
                     
// 添加属性 color,值为 red
createJson("color", "red");
                     
// 输出 Object {name="apple", sex="21", color="red"}
console.log(str1);
                     
// 修改属性 name 的值为 banana
createJson("name", "banana");
                     
// 输出 Object {name="banana", sex="21", color="red"}
console.log(str1);
                     
// 删除属性 sex
createJson("sex");
                     
// 输出 Object {name="banana", color="red"}
console.log(str1);

函数应该有三个参数的,第一个为 json 对象,但应你要求,只写了两个,所以函数只能用于修改 str1。

以上这篇js 动态生成json对象、时时更新json对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
在vue中使用SockJS实现webSocket通信的过程
Aug 29 Javascript
vue-better-scroll 的使用实例代码详解
Dec 03 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
详解JavaScript中数组的reduce方法
Dec 02 #Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 #Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 #Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 #Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 #Javascript
关于Function中的bind()示例详解
Dec 02 #Javascript
bootstrap模态框消失问题的解决方法
Dec 02 #Javascript
You might like
asp和php下textarea提交大量数据发生丢失的解决方法
2008/01/20 PHP
关于PHP中Object对象的笔记分享
2011/06/28 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
js 对小数加法精度处理示例说明
2013/12/27 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
基于AngularJS实现表单验证功能
2017/07/28 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
浅谈Python 参数与变量
2020/06/20 Python
python处理写入数据代码讲解
2020/10/22 Python
迪拜航空官方网站:flydubai
2017/04/20 全球购物
简单说说tomcat的配置
2013/05/28 面试题
2019史上最全Database工程师题库
2015/12/06 面试题
一年级学生评语
2014/04/23 职场文书
应届毕业生求职信
2014/05/26 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
2016七夕情人节感言
2015/12/09 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python