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 相关文章推荐
Javascript this指针
Jul 30 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 Javascript
javascript中错误使用var造成undefined
Mar 31 Javascript
jQuery EasyUI 入门必看
Jun 03 Javascript
JS回调函数简单用法示例
Feb 09 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
May 05 Javascript
bootstrap modal+gridview实现弹出框效果
Aug 15 Javascript
微信小程序倒计时功能实现代码
Nov 09 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
JS异步处理的进化史深入讲解
Aug 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无限遍历目录示例
2014/02/21 PHP
php支付宝手机网页支付类实例
2015/03/04 PHP
PHP查找一列有序数组是否包含某值的方法
2020/02/07 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
jQuery 3.0 的变化及使用方法
2016/02/01 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
javascript 闭包详解及简单实例应用
2016/12/31 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
学习Vue组件实例
2018/04/28 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
详解Vue中的MVVM原理和实现方法
2020/07/15 Javascript
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
AVON雅芳官网:世界上最大的美容化妆品公司之一
2016/11/02 全球购物
华三通信H3C面试题
2015/05/15 面试题
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
停水通知
2015/04/16 职场文书
员工离职证明范本
2015/06/12 职场文书
调研报告的主要写法
2019/04/18 职场文书
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技