6

我有两个 javascript 对象:

var a = {
    x: 1, 
    y: {
        faz: 'hello', 
        baz: ''
    },
    z: [1, 2]
};


var defaults = {
    x: 2,
    y: {
        faz: '', 
        baz: ''
    },
    z: [1, 2]
};

我只想保留与默认值a不同的字段:

a = remove_defaults(a, defaults); // <---- i need this fnc
{
    x: 1,
    y: {
        faz: 'hello'
    }
}

目标是从用作状态的对象中删除默认值(通过 URL)。状态可以有嵌套字段,因此浅比较是不够的。叶值都是原始的(数字、字符串、布尔值)。

(这有点像underscore.js's_.defaults()方法的反面)

实现这一目标的最佳方法是什么?


如果有帮助,可以使用该解决方案underscore.js,但没有jquery

4

3 回答 3

3

尝试这个:

function removeDuplicates(a, defaults, result) {
  for (var i in a) {
    if (i in defaults) {
      if (typeof a[i] == "object" 
          && typeof defaults[i] == "object"
          && Object.prototype.toString.call(defaults[i]) !== '[object Array]') {
        result[i] = removeDuplicates(a[i], defaults[i], {});
      } else if (a[i] !== defaults[i]) {
        result[i] = a[i];  
      }
    } else {
      result[i] = a[i];
    }
  }

  return result;
}


var result = removeDuplicates(a, defaults, {});
于 2012-06-13T14:34:46.797 回答
1
function remove_defaults(obj, defaults) {
  for (var i in obj) {
    if (typeof obj[i] == 'object') {
      obj[i] = remove_defaults(obj[i], defaults[i]);
      continue;
    }
    if (defaults[i] !== undefined && obj[i] == defaults[i]) {
      delete obj[i];
    }
  }
  return obj;
}

小提琴:http: //jsfiddle.net/ybVGq/

于 2012-06-13T14:40:19.680 回答
0

我自己的看法:

function no_defaults(obj, defaults) {
    if ((obj instanceof Array) && (defaults instanceof Array)) {
        var result = _.difference(obj, defaults);
        return _.isEmpty(result) ? undefined : result;
    }
    if ((obj instanceof Array) || (defaults instanceof Array))
        return _.clone(obj);
    if (typeof obj == "object" && typeof defaults == "object") {
        var result = {};
        for (var prop in obj) {
            var res = prop in defaults ? no_defaults(obj[prop], defaults[prop]) : _.clone(obj[prop]);
            if (res !== undefined)
                result[prop] = res;
        }
        return _.isEmpty(result) ? undefined : result;
    }
    return _.isEqual(obj, defaults) ? undefined : _.clone(obj);
}

请注意,这会深度处理对象,而不是数组。数组仅针对其直接元素的浅差异进行处理——如果元素本身需要no_defaulting,则此函数将不起作用。但这对于我的预期用例来说很好。

于 2012-06-13T19:30:38.903 回答