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 Undefined,Null类型和NaN值区别
Oct 22 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
Node.js事件驱动
Jun 18 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
js实现日期显示的一些操作(实例讲解)
Jul 27 Javascript
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 25 Javascript
JavaScript实现九宫格拖拽效果
Jun 28 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中的一个中文字符串截取函数
2007/02/14 PHP
PHP 加密解密内部算法
2010/04/22 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
JQuery的一些小应用收集
2010/03/27 Javascript
jquery插件制作 图片走廊 gallery
2012/08/17 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
layui中table表头样式修改方法
2018/08/15 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
python数据结构之列表和元组的详解
2017/09/23 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
python看某个模块的版本方法
2018/10/16 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
python+logging+yaml实现日志分割
2019/07/22 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
小加工厂管理制度
2014/01/21 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
学生党员检讨书范文
2014/12/27 职场文书
盗窃案辩护词
2015/05/21 职场文书
文艺晚会开场白
2015/05/29 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python