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

Question

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

例如

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

但我不认为它好。这么多循环:(如果有人能提供一个不那么混乱和好的代码，那就太好了。

Answer 1

在 ES2015+ 中，对象属性 是有序的（首先按数字键升序，然后按非数字键的插入顺序）。如果您使用指定了迭代顺序的方法之一（如Object.getOwnPropertyNames），规范会保证这一点。

在 ES2020+ 中，以前未指定枚举顺序的方法are now specified（尽管环境已经遵循它很久了）。

但您必须确保所有属性都不是数字的（否则，无论插入顺序如何，它们都会在非数字属性之前出现）。

使用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]
    )
  );
}

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

Answer 3

编辑 - 我修改了脚本，如果它们是相同类型的，这会合并属性：数字相加，字符串连接，对象递归合并。我没有包括排序，因为（引用这个答案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/

Answer 4

这是我的尝试，它对嵌套对象是递归的 - 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;
}