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 输入框数字限制插件
Nov 10 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
js 控制图片大小核心讲解
Oct 09 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
Jul 01 Javascript
Javascript中的 “&” 和 “|” 详解
Feb 02 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
vue按需加载实例详解
Sep 06 Javascript
Javascript模拟实现new原理解析
Mar 03 Javascript
使用React代码动态生成栅格布局的方法
May 24 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
第九节 绑定 [9]
2006/10/09 PHP
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
PHP对象链式操作实现原理分析
2016/10/09 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
vue el-upload上传文件的示例代码
2020/12/21 Vue.js
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
Python中static相关知识小结
2018/01/02 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
pycharm修改file type方式
2019/11/19 Python
Python实现图像去噪方式(中值去噪和均值去噪)
2019/12/18 Python
Python+opencv+pyaudio实现带声音屏幕录制
2019/12/23 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
python实现扫雷游戏的示例
2020/10/20 Python
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
2014年小班元旦活动方案
2014/02/16 职场文书
感恩老师演讲稿600字
2014/08/28 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
工作收入住址证明
2014/10/28 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python