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 相关文章推荐
JS 实现导航栏悬停效果
Sep 23 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
Angularjs 依赖压缩及自定义过滤器写法
Feb 04 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
mock.js模拟前后台交互
Jul 25 Javascript
vue 获取及修改store.js里的公共变量实例
Nov 06 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
详解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实现批量查询清除一句话后门的代码
2008/01/20 PHP
php四种定界符详解
2017/02/16 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
jQuery UI的Dialog无法提交问题的解决方法
2011/01/11 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
Jquery 点击按钮显示和隐藏层的代码
2011/07/25 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
AngularJS实现分页显示数据库信息
2016/07/01 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
js实现延迟加载的几种方法
2017/04/24 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
angular4中引入echarts的方法示例
2019/01/29 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
基于Python爬取素材网站音频文件
2020/10/21 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
美国家居装饰店:Pier 1
2019/09/04 全球购物
品质主管岗位职责
2014/03/16 职场文书
公司周年庆活动方案
2014/08/25 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
感动中国何玥观后感
2015/06/02 职场文书
永不妥协观后感
2015/06/10 职场文书