js 动态生成json对象、时时更新json对象的方法

 更新时间:2016年12月02日 09:52:36   投稿:jingxian  
下面小编就为大家带来一篇js 动态生成json对象、时时更新json对象的方法。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

函数不需要 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对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js替换字符串的所有示例代码

    js替换字符串的所有示例代码

    本文为大家详细介绍下js如何替换字符串中所有,肯定包含了你所想要的,具体的实现思路及代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • Json字符串转换为JS对象的高效方法实例

    Json字符串转换为JS对象的高效方法实例

    一般JSON字符串转换为JS对象,都使用var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");
    2013-05-05
  • js的正则test,match,exec详细解析

    js的正则test,match,exec详细解析

    本篇文章主要是对js的正则test,match,exec进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript中的时间处理小结

    JavaScript中的时间处理小结

    这篇文章主要介绍了JavaScript中的时间处理小结的相关资料,需要的朋友可以参考下
    2016-02-02
  • JS hashMap实例详解

    JS hashMap实例详解

    这篇文章主要介绍了JS hashMap实例详解的相关资料,包括删除键值、获取键值的相关知识,非常不错具有参考借鉴价值,需要的朋友一起看看吧
    2016-05-05
  • 如何手动实现es5中的bind方法详解

    如何手动实现es5中的bind方法详解

    这篇文章主要给大家介绍了关于如何手动实现es5中的bind方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面小编来一起学习学习吧
    2018-12-12
  • JS截取字符串常用方法详细整理

    JS截取字符串常用方法详细整理

    截取字符串的使用比较广泛,有很多中方法,本文粗略的整理了一些,感兴趣的额朋友可以才参考下
    2013-10-10
  • ES6新特性之模块Module用法详解

    ES6新特性之模块Module用法详解

    这篇文章主要介绍了ES6新特性之模块Module用法,简要说明了模块Module的概念、功能并结合实例形式分析了模块Module的使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • Js 获取Gridview选中行的内容操作步骤

    Js 获取Gridview选中行的内容操作步骤

    本文将介绍一下Js获取Gridview选中行的内容的过程及步骤:取得gridview中获取选中行指定列的值.获取鼠标点击的元素等等,感兴趣的朋友可以了解下,或许对你学习js方面知识有所帮助
    2013-02-02
  • 微信小程序实现笑脸评分功能

    微信小程序实现笑脸评分功能

    这篇文章主要为大家详细介绍了微信小程序实现笑脸评分功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11

最新评论