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 相关文章推荐
List all the Databases on a SQL Server
Jun 21 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
使用jquery提交form表单并自定义action的方法
May 25 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
vue.js实现简单的计算器功能
Feb 22 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 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
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
PHP笔记之:基于面向对象设计的详解
2013/05/14 PHP
如何使用FireFox插件FirePHP调试PHP
2013/07/23 PHP
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
php获取远程文件内容的函数
2015/11/02 PHP
yii数据库的查询方法
2015/12/28 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
Thinkphp 框架扩展之应用模式实现方法分析
2020/04/27 PHP
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
微信小程序实现人脸检测功能
2018/05/25 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
Javascript实现秒表倒计时功能
2018/11/17 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
vant组件中 dialog的确认按钮的回调事件操作
2020/11/04 Javascript
Python 专题三 字符串的基础知识
2017/03/19 Python
使用python实现生成用户信息
2017/03/20 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
Python sys模块常用方法解析
2020/02/20 Python
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
英国玛莎百货美国官网:Marks & Spencer美国
2018/11/06 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
自荐信写法介绍
2014/01/25 职场文书
学生会主席竞聘书
2014/03/31 职场文书
运动会入场口号
2014/06/07 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
北京颐和园导游词
2015/01/30 职场文书
Redis 常见使用场景
2021/08/30 Redis
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js