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 相关文章推荐
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
js使用心得分享
Jan 13 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
简单的Vue异步组件实例Demo
Dec 27 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
Vue的props父传子的示例代码
May 20 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 Javascript
javascript实现点击产生随机图形
Jan 25 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
PHP的面试题集
2006/11/19 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
php实现的验证码文件类实例
2015/06/18 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
PDO::query讲解
2019/01/29 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
jQuery DOM操作小结与实例
2010/01/07 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
React Native之TextInput组件解析示例
2017/08/22 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
vue实现百度搜索功能
2020/12/28 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
Python如何实现MySQL实例初始化详解
2017/11/06 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
Python类super()及私有属性原理解析
2020/06/15 Python
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
银行开业庆典方案
2014/02/06 职场文书
公证书标准格式
2014/04/10 职场文书
学习经验演讲稿
2014/05/10 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
医生见习报告范文
2014/11/03 职场文书
出国留学单位推荐信
2015/03/26 职场文书
黑白记忆观后感
2015/06/18 职场文书
学校安全管理制度
2015/08/06 职场文书
MySQL 如何设计统计数据表
2021/06/15 MySQL
解决使用了nginx获取IP地址都是127.0.0.1 的问题
2021/09/25 Servers