6

現在、2 つの obj があり、jquery 拡張機能を使用していますが、同じ名前のキーから値をオーバーライドしています。代わりに値を一緒に追加するにはどうすればよいですか?

var obj1 = {
  "orange": 2,
  "apple": 1,
  "grape": 1
};

var obj2 = {
  "orange": 5,
  "apple": 1,
  "banana": 1
};

mergedObj = $.extend({}, obj1, obj2);

var printObj = typeof JSON != "undefined" ? JSON.stringify : function (obj) {
  var arr = [];

  $.each(obj, function (key, val) {
    var next = key + ": ";
    next += $.isPlainObject(val) ? printObj(val) : val;
    arr.push(next);
  });

  return "{ " + arr.join(", ") + " }";
};

console.log('all together: ' + printObj(mergedObj));

そして、私は得るobj1 = {"orange":5,"apple":1, "grape":1, "banana":1}

私が必要なのは obj1 = {"orange":7,"apple":2, "grape":1, "banana":1}

4

4 に答える 4

5

$.extend2 つのオブジェクトを結合するだけですが、値を追加するのではなく、値をオーバーライドします。これは手動で行う必要があります。$.extendオブジェクトに果物を追加または変更するのに役立ちますが、合計が必要な場合はループする必要があります:

var obj1 = { orange: 2, apple: 1, grape: 1 };
var obj2 = { orange: 5, apple: 1, banana: 1 };
var result = $.extend({}, obj1, obj2);
for (var o in result) {
  result[o] = (obj1[o] || 0) + (obj2[o] || 0);
}
console.log(result); //=> { orange: 7, apple: 2, grape: 1, banana: 1 }

デモ: http://jsfiddle.net/elclanrs/emGyb/

于 2012-08-31T03:22:05.863 に答える
4

ワーキングデモ

それはどのように.extend()機能するかではありません。独自のものを実装する必要があります。

function mergeObjects() {
    var mergedObj = arguments[0] || {};
    for (var i = 1; i < arguments.length; i++) {
        var obj = arguments[i];
        for (var key in obj) {
            if( obj.hasOwnProperty(key) ) {
                if( mergedObj[key] ) {
                    mergedObj[key] += obj[key];
                }
                else {
                    mergedObj[key] = obj[key];
                }
            }                
        }
    }
    return mergedObj;
}

使用法：

var obj1 = { "orange": 2, "apple": 1, "grape": 1 };
var obj2 = { "orange": 5, "apple": 1, "banana": 1 };
var mergedObj = mergeObjects( obj1, obj2);
// mergedObj {"orange":7,"apple":2,"grape":1,"banana":1}

もちろん、 のよう.extend()に、これは 2 つだけでなく、任意の数のオブジェクトで機能します。

于 2012-08-31T03:26:17.770 に答える
0

使用できるコードを次に示します。

obj1 = {"orange":2,"apple":1, "grape":1};
obj2 = {"orange":5,"apple":1, "banana":1};
var joined = {};

// add numbers in arr to joined
function addItems(arr) {

    // cycle through the keys in the array
    for (var x in arr) {

        // get the existing value or create it as zero, then add the new value
        joined[x] = (joined[x] || 0) + arr[x];
    }
}

addItems(obj1);
addItems(obj2);
console.log(JSON.stringify(joined));

出力：

{"オレンジ":7,"りんご":2,"ぶどう":1,"バナナ":1}

于 2012-08-31T03:26:28.747 に答える
0

派手なものはなく、単純な Javascript だけです。

値を持たないc[k] || 0イベントには存在し、ゼロになります。c[k]

var a = {orange:2, apple:1, grape:1};
var b = {orange:5, apple:1, banana:1};
var c = {};
var k;

for (k in a)  {c[k] = 0 + a[k] + (c[k] || 0)}
for (k in b)  {c[k] = 0 + b[k] + (c[k] || 0)}


window.alert(JSON.stringify(c));
于 2012-08-31T03:29:40.807 に答える