将对象附加到现有对象

时间:2010-09-07 18:11:03

标签: javascript

是否有任何现有方法可以将对象附加到另一个对象?

我已经快速将这些扔在一起,但我不确定几件事情:

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

  • 我应该如何处理null / undefined值?

  • 另外,我刚想到数组......处理数组的最佳方法是什么? typeof报告为'对象'..我想测试Array()。构造函数值将是前进的方式

除了这几个问题之外,它似乎正如我所希望的那样起作用(仅在新对象中存在的情况下覆盖/添加现有对象的各个部分)。我错过了任何边缘案例吗?

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);

3 个答案:

答案 0 :(得分:3)

你忘记了“布尔”,如

typeof true

答案 1 :(得分:2)

我喜欢它。我在代码中使用了a similar, but not as robust method。但是将它作为Object类的静态方法实现可能更安全:

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);

要回答你的问题,我还没有找到任何更好的方法(在框架之外)来做到这一点。对于null / undefined值,如果_newObj具有null / undefined值,那么你的收件人对象也不应该有那些(即不要为那些做出特殊情况)?

答案 2 :(得分:1)

大多数JS库都有一个方法来执行此操作,jQuery有$.extend(dest, src[, src2 ...]),该方法的源代码可以在这里找到:http://github.com/jquery/jquery/blob/116f3b7c72004f3173a7d92457154a1fdb2180e1/src/core.js#L294