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 第二代身份证号码的验证机制代码
May 12 Javascript
JS中处理与当前时间间隔的函数代码
May 23 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
Oct 29 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
js+canvas实现转盘效果(两个版本)
Sep 13 Javascript
javascript实现前端分页功能
Nov 26 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
swfupload 多文件上传实现代码
2008/08/27 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
用javascript操作xml
2006/11/04 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
jQuery中对节点进行操作的相关介绍
2013/04/16 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
Keras框架中的epoch、bacth、batch size、iteration使用介绍
2020/06/10 Python
python中最小二乘法详细讲解
2021/02/19 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
德国PC硬件网站:CASEKING
2016/10/20 全球购物
任意存:BOXFUL
2018/05/21 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
入党积极分子思想汇报
2014/01/02 职场文书
《雷雨》教学反思
2014/02/20 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
法律专业求职信
2014/05/24 职场文书
小学三年级数学教学反思
2016/02/16 职场文书