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 相关文章推荐
JQuery动画animate的stop方法使用详解
May 09 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
浅谈jquery的map()和each()方法
Jun 12 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
Vue实现自带的过滤器实例
Mar 09 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
微信小程序自定义组件
Aug 16 Javascript
解决JavaScript layui 下拉框不显示的问题
Aug 14 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 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
使用apache模块rewrite_module (转)
2007/02/14 PHP
php适配器模式介绍
2012/08/14 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
Yii2实现多域名跨域同步登录退出
2017/02/04 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
jquery实现两边飘浮可关闭的对联广告
2015/11/27 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
vue组件生命周期详解
2017/11/07 Javascript
javascript自定义事件功能与用法实例分析
2017/11/08 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
python学习基础之循环import及import过程
2018/04/22 Python
代码实例讲解python3的编码问题
2019/07/08 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
python opencv实现证件照换底功能
2019/08/19 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
Python列表解析操作实例总结
2020/02/26 Python
python异步Web框架sanic的实现
2020/04/27 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
高二数学教学反思
2016/02/18 职场文书
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL
vue修饰符.capture和.self的区别
2022/04/22 Vue.js