Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将对象附加到现有对象_Javascript - Fatal编程技术网

Javascript 将对象附加到现有对象

Javascript 将对象附加到现有对象,javascript,Javascript,是否存在将一个对象附加到另一个对象的现有方法 我很快就想把它组合起来,但有几件事我不确定: 我的处理方法正确吗?我为append添加了一个异常,但是当存在其他原型函数时会怎样呢?我应该忽略新类中的函数吗 我应该如何处理空值/未定义值 另外,我刚刚考虑过数组。。处理阵列的最佳方法是什么?报告类型为“对象”。。我想测试Array().constructor值将是前进的方向 除了这两个问题之外,它的功能似乎与我所希望的一样(仅在新对象中存在的地方覆盖/添加现有对象的各个部分)。有没有我错过的边缘案

是否存在将一个对象附加到另一个对象的现有方法

我很快就想把它组合起来,但有几件事我不确定:

  • 我的处理方法正确吗?我为append添加了一个异常,但是当存在其他原型函数时会怎样呢?我应该忽略新类中的函数吗

  • 我应该如何处理空值/未定义值

  • 另外,我刚刚考虑过数组。。处理阵列的最佳方法是什么?报告类型为“对象”。。我想测试Array().constructor值将是前进的方向

除了这两个问题之外,它的功能似乎与我所希望的一样(仅在新对象中存在的地方覆盖/添加现有对象的各个部分)。有没有我错过的边缘案例

Object.prototype.append = function(_newObj)
{
  if('object' !== typeof _newObj) {
    console.info("ERROR!\nObject.prototype.append = function(_newObj)\n\n_newObj is not an Object!");
  }

  for (newVar in _newObj)
  {
    switch(typeof _newObj[newVar]){
      case "string":
        //Fall-through
      case "boolean":
        //Fall-through
      case "number":
        this[newVar] = _newObj[newVar];
      break;

      case "object":
        this[newVar] = this[newVar] || {};
        this[newVar].append(_newObj[newVar]);
      break;

      case "function":
        if(newVar !== 'append'){
          this[newVar] = _newObj[newVar];
        }
      break;
    }
  }

  return this;

}


var foo = { 1:'a', 2:'b', 3:'c' };
var bar = { z: 26, y: 25, x: 24, w: { 'foo':'bar'}, v: function(){ alert('Hello world"'); } };

foo.append(bar);
console.info(foo);
我喜欢。我已经在我的代码中使用了。但将其作为对象类的静态方法实现可能更安全:

if (typeof Object.merge !== 'function') {
    Object.merge = function(_obj, _newObj)
    {
        if("object" !== typeof _obj)
            console.info("ERROR!\nObject.merge = function(_obj, _newObj)\n\n_obj is not an Object!");
        if("object" !== typeof _newObj)
            console.info("ERROR!\nObject.merge = function(_obj, _newObj)\n\n_newObj is not an Object!");

        for (newVar in _newObj)
        {
            switch(typeof _newObj[newVar]){
                case "object":
                    _obj[newVar] = _obj[newVar] || {};
                    Object.merge(_obj[newVar], _newObj[newVar]);
                    break;
                case "undefined": break;
                default: // This takes care of "string", "number", etc.
                    _obj[newVar] = _newObj[newVar];
                    break;
            }
        }
        return _obj;
    }
}

var foo = { 1:'a', 2:'b', 3:'c' };
var bar = { z: 26, y: 25, x: 24, w: { 'foo':'bar'}, v: function(){ alert('Hello world"'); } };
Object.merge(foo, bar);
console.info(foo);
为了回答您的问题,我也没有找到更好的方法(在框架之外)来实现这一点。对于空值/未定义的值,如果
\u newObj
有空值/未定义的值,那么您的收件人对象不也应该有这些值吗(即,不要对这些值进行任何特殊处理)?

您忘记了中的“boolean”


大多数JS库都有这样的方法,jQuery有
$.extend(dest,src[,src2…])
,该方法的源代码可以在这里找到:

很好的捕获;我已经在我的回答中处理好了。同意。。不知道我怎么会错过;)还编辑了原始问题=]这是为了(稍后)合并“存储的值”和“新获得的”值,它使我担心,如果脚本因任何原因出现故障(用坏数据填充“新对象”),我可能会意外地用null/undefined覆盖30多天内收集的数据数组,所以要回答你接收者对象是否也必须有这些:不一定……是的,根据你的需要,你必须考虑这些。我在代码中解释了
“未定义”
,但没有解释
null
typeof true