合并两个javascript对象,添加公共属性的值

时间:2012-02-07 10:54:07

标签: javascript jquery json

我有两个或更多javascript对象。我想合并它们添加公共属性的值,然后按值的降序对它们进行排序。

e.g。

var a = {en : 5,fr: 3,in: 9}
var b = {en: 8,fr: 21,br: 8}

var c = merge(a,b)

c应该是这样的:

c = {
fr: 24,
en: 13,
in:9,
br:8
} 

即。两个对象都是合并的,添加了常用键的值,然后对键进行了排序。

这是我尝试过的:

var a = {en : 5,fr: 3,in: 9}
var b = {en: 8,fr: 21,br: 8}
c = {}

// copy common values and all values of a to c
for(var k in a){
  if(typeof b[k] != 'undefined'){  
    c[k] = a[k] + b[k]  
  }
  else{ c[k] = a[k]}
}

// copy remaining values of b (which were not common)
for(var k in b){
 if(typeof c[k]== 'undefined'){
  c[k] = b[k]
 }
} 

// Create a object array for sorting
var arr = [];

for(var k in c){
 arr.push({lang:k,count:c[k]})
}

// Sort object array
arr.sort(function(a, b) {
   return b.count - a.count;
})

但我不认为它很好。如此多的循环:(如果有人可以提供更简洁和更好的代码,那就太好了。

4 个答案:

答案 0 :(得分:2)

无法对对象的属性进行排序,但您可以对数组进行排序:

var merged = $.extend({}, a);
for (var prop in b) {
    if (merged[prop]) merged[prop] += b[prop];
    else merged[prop] = b[prop];
}
// Returning merged at this point will give you a merged object with properties summed, but not ordered.
var properties = [];
for (var prop in merged) {
    properties.push({
        name: prop,
        value: merged[prop]
    });
}
return properties.sort(function(nvp1, nvp2) {
    return nvp1.value - nvp2.value;
});

答案 1 :(得分:1)

编辑 - 我修改了脚本,如果它们属于同一类型,则会合并属性:数字相加,字符串连接,对象以递归方式合并。我没有包括排序因为(引用此答案Sorting JavaScript Object by property value

  

JavaScript对象按定义无序(请参阅ECMAScript   语言规范,第8.6节)。语言规范   甚至不保证,如果你迭代一个属性   对象连续两次,它们将以相同的顺序出现   第二次。

     

如果您需要订购产品,请使用数组和   Array.prototype.sort方法。

function is_object(mixed_var) {
    if (Object.prototype.toString.call(mixed_var) === '[object Array]') {
        return false;
    }
    return mixed_var !== null && typeof mixed_var == 'object';
}

function merge(a, b) {
    var cache = {};
    cache = unpackObject(a, cache);
    cache = unpackObject(b, cache);
    return cache;


}

function unpackObject(a, cache) {
    for (prop in a) {
        if (a.hasOwnProperty(prop)) {
            if (cache[prop] === undefined) {
                cache[prop] = a[prop];
            } else {
                if (typeof cache[prop] === typeof a[prop]) {
                    if (is_object(a[prop])) {
                        cache[prop] = merge(cache[prop], a[prop]);
                    } else {
                        cache[prop] += a[prop];
                    }
                }
            }
        }
    }
    return cache;
}

var a = {
    en: 5,
    fr: 3,
    in : 9,
    lang: "js",
    object: {nestedProp: 6}

}
var b = {
    en: 8,
    fr: 21,
    br: 8,
    lang: "en",
    object: {nestedProp: 1, unique: "myne"}
}

var c = merge(a, b);

在这里摆弄http://jsfiddle.net/vyFN8/1/

答案 2 :(得分:1)

这是我的尝试,它是嵌套对象的递归 - https://gist.github.com/greenafrican/19bbed3d8baceb0a15fd

// Requires jQuery
// Merge nested objects and if the properties are numbers then add them together, else
// fallback to jQuery.extend() result

function mergeObjectsAdd(firstObject, secondObject) {
    var result = $.extend(true, {}, firstObject, secondObject);
    for (var k in result) {
        if ("object" === typeof result[k]) {
            firstObject[k] = firstObject[k] || {};
            secondObject[k] = secondObject[k] || {};
            result[k] = mergeObjectsAdd(firstObject[k], secondObject[k]);
        } else {
            firstObject[k] = firstObject[k] || 0;
            secondObject[k] = secondObject[k] || 0;
            result[k] = ("number" === typeof firstObject[k] && "number" === typeof secondObject[k]) ? (firstObject[k] + secondObject[k]) : result[k];
        }
    }
    return result;
}

答案 3 :(得分:1)

在ES2015 +中,对象属性 是有序的(首先通过升序数字键,然后是非数字键的插入顺序)。如果您使用为其指定迭代顺序的方法之一(例如Object.getOwnPropertyNames),则可以通过规范来保证这一点。不能保证未指定迭代顺序的方法(例如Object.keysfor..in)具有任何特定的顺序,但是几乎所有现代环境都以相同的可预测顺序进行迭代无论如何。

但是您必须确保所有属性都不是数字属性(否则,无论插入顺序如何,它们都将排在非数字属性之前)。

使用reduce遍历每个对象,并在累加器上创建或添加到同一属性。然后,sort对象的条目,并使用Object.fromEntries将其转换为具有排序属性的对象。不需要jQuery:

var a = {en : 5,fr: 3,in: 9}
var b = {en: 8,fr: 21,br: 8}
console.log(merge(a, b));

function merge(...objects) {
  const merged = objects.reduce((a, obj) => {
    Object.entries(obj).forEach(([key, val]) => {
      a[key] = (a[key] || 0) + val;
    });
    return a;
  }, {});
  return Object.fromEntries(
    Object.entries(merged).sort(
      (a, b) => b[1] - a[1]
    )
  );
}