如何使用lodash merge来组合具有不同外壳的属性

时间:2016-08-04 17:43:15

标签: javascript jquery lodash

您好我的合并问题当前是我的db有两个变量,遗憾的是我无法更改变量的名称以手动匹配。因此,我想知道我是否可以以某种方式修改jquery的合并以组合两个对象并将变量添加到一起而忽略大小写。

如:

var object = {
'a': [ { 'b':2 }, {'d':4}]
};

var other = {
'A': [{'c': 3}, {'e':5}]
};

_.merge(object, other);
// -> {'a': [{'b': 2, 'c':3}, {'d':4, 'e':5}] }

我们的lodash库中的当前合并方法:

/**
     * Recursively merges own enumerable properties of the source object(s), that
     * don't resolve to `undefined` into the destination object. Subsequent sources
     * will overwrite property assignments of previous sources. If a callback is
     * provided it will be executed to produce the merged values of the destination
     * and source properties. If the callback returns `undefined` merging will
     * be handled by the method instead. The callback is bound to `thisArg` and
     * invoked with two arguments; (objectValue, sourceValue).
     *
     * @static
     * @memberOf _
     * @category Objects
     * @param {Object} object The destination object.
     * @param {...Object} [source] The source objects.
     * @param {Function} [callback] The function to customize merging properties.
     * @param {*} [thisArg] The `this` binding of `callback`.
     * @returns {Object} Returns the destination object.
     * @example
     *
     * var names = {
     *   'characters': [
     *     { 'name': 'barney' },
     *     { 'name': 'fred' }
     *   ]
     * };
     *
     * var ages = {
     *   'characters': [
     *     { 'age': 36 },
     *     { 'age': 40 }
     *   ]
     * };
     *
     * _.merge(names, ages);
     * // => { 'characters': [{ 'name': 'barney', 'age': 36 }, { 'name': 'fred', 'age': 40 }] }
     *
     * var food = {
     *   'fruits': ['apple'],
     *   'vegetables': ['beet']
     * };
     *
     * var otherFood = {
     *   'fruits': ['banana'],
     *   'vegetables': ['carrot']
     * };
     *
     * _.merge(food, otherFood, function(a, b) {
     *   return _.isArray(a) ? a.concat(b) : undefined;
     * });
     * // => { 'fruits': ['apple', 'banana'], 'vegetables': ['beet', 'carrot] }
     */
      var args = arguments,
        length = 2;

      if (!isObject(object)) {
        return object;
      }
      // allows working with `_.reduce` and `_.reduceRight` without using
      // their `index` and `collection` arguments
      if (typeof args[2] != 'number') {
        length = args.length;
      }
      if (length > 3 && typeof args[length - 2] == 'function') {
        var callback = baseCreateCallback(args[--length - 1], args[length--], 2);
      } else if (length > 2 && typeof args[length - 1] == 'function') {
        callback = args[--length];
      }
      var sources = slice(arguments, 1, length),
        index = -1,
        stackA = getArray(),
        stackB = getArray();

      while (++index < length) {
        baseMerge(object, sources[index], callback, stackA, stackB);
      }
      releaseArray(stackA);
      releaseArray(stackB);
      return object;

  };

感谢大家和我一起研究这个问题!

1 个答案:

答案 0 :(得分:0)

我开始采用这种方式太深,但想知道将属性转换为小写的简单函数是否有帮助:

var obj1 = {
'a': [ { 'b':2 }, {'d':4}]
};

var obj2 = {
'A': [{'c': 3}, {'e':5}]
};

function propsToLower(obj){
    var newObj ={};
    for(var item in obj){
        newObj[item.toLowerCase()] = obj[item];
    }
    return newObj;
}

var newObj1 = propsToLower(obj1);
var newObj2 = propsToLower(obj2);

_.merge(newObj1, newObj2);