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写的select支持上下键、首字母筛选以及回车取值的功能
Sep 09 Javascript
基于jquery的仿百度搜索框效果代码
Apr 11 Javascript
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
jQuery中的编程范式详解
Dec 15 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
微信小程序canvas绘制圆角base64图片的实现
Aug 18 Javascript
vue实现树形结构样式和功能的实例代码
Oct 15 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
Dec 28 Javascript
用JS实现飞机大战小游戏
Jun 09 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 has encountered an Access Violation
2007/01/15 PHP
用PHP进行MySQL删除记录操作代码
2008/06/07 PHP
约瑟夫环问题的PHP实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
php实现的简单多进程服务器类完整示例
2020/02/01 PHP
jQuery语法高亮插件支持各种程序源代码语法着色加亮
2013/04/27 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
谈谈我对JavaScript DOM事件的理解
2015/12/18 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
python处理csv数据的方法
2015/03/11 Python
Python编程实现正则删除命令功能
2017/08/30 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
Python实现TCP通信的示例代码
2019/09/09 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
解决pytorch 模型复制的一些问题
2021/03/03 Python
东方通信股份有限公司VC面试题
2014/08/27 面试题
给民警的表扬信
2014/01/08 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
个人担保书范文
2014/05/20 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers