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 学习技巧总结
May 21 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
使用requestAnimationFrame实现js动画性能好
Aug 06 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
javascript实现移动端上传图片功能
Aug 18 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
详解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
给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug
2007/04/12 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
js中style.display=""无效的解决方法
2014/10/30 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
小程序实现搜索框
2020/06/19 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
使用PDB模式调试Python程序介绍
2015/04/05 Python
Python中datetime常用时间处理方法
2015/06/15 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
学习python分支结构
2019/05/17 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
Nordgreen英国官网:斯堪的纳维亚设计师手表
2018/10/24 全球购物
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
盛大笔试题
2016/11/05 面试题
写给女朋友的道歉信
2014/01/08 职场文书
保密工作承诺书
2014/08/29 职场文书
2015年母亲节活动总结
2015/02/10 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers