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

(编辑：jimmy 日期: 2026/1/29 浏览：3 次 )

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

上一篇：bootstrap模态框跳转到当前模板页面框消失了而背景存在问题的解决方法
下一篇：详解JavaScript中数组的reduce方法