Javascript добавляет значения второго массива вместе, если первые значения одинаковы

Question

Извините, если заголовок не так понятен. Это трудно объяснить для меня, поскольку я не так хорош, когда речь заходит о нескольких массивах.

У меня есть массив: [ [21, 1000], [21, 500], [18, 100], [18, 200] ]

Теперь я хочу, чтобы получить этот результирующий массив: [ [21, 1500], [18, 300] ]

Как я могу идти об этом?

Я попытался с помощью 21 и 18 в виде массива ключи, но этот способ не мог использовать массив в for цикле с .length подсчета. В итоге у меня было всего 4 массива, чтобы заставить его работать.

---

Edit:

Я хочу, чтобы избежать использования значений 21 и 18 в качестве ключей массива.

Я также хочу, чтобы иметь возможность выполнять итерацию результирующего массива/объекта, а также использовать 21 и 18 «ключи», чтобы внести некоторые дополнительные изменения в мою страницу.

Спасибо уже за ответы!

Answer 1

Вы, безусловно, не нужны какие-либо jQuery для этого, чтобы получить массив результатов, который вы просили:

var one = [21, 18]; 
var two = [ [21, 1000], [21, 500], [18, 100], [18, 200] ]; 
var results = []; 

for(var i in one) { 
    results[i] = 0; 

    for(var x in two) 
     if(two[x][0] === one[i]) 
      results[i] = results[i] + two[x][1]; 

    results[i] = [one[i], results[i]]; 
} 

Fiddle здесь

Answer 2

Как о создании объекта:

var arr = [ [21, 1000], [21, 500], [18, 100], [18, 200] ]; 
    obj = {}; 

for (i=0; i<arr.length; i++) { 
    obj[arr[i][0]] = (obj[arr[i][0]] || 0) + arr[i][1]; 
} 

// obj now equals {18: 300, 21: 1500} 
// obj[21] equals 1500 etc 

FIDDLE

Вы можете создать массив таким же образом:

var arr = [ [21, 1000], [21, 500], [18, 100], [18, 200] ], 
    arr2 = []; 

for (i=0; i<arr.length; i++) { 
    arr2[arr[i][0]] = (arr2[arr[i][0]] || 0) + arr[i][1]; 
} 

// giving you the array [18: 300, 21: 1500] 
// where arr2[18] equals 300 

Answer 3

в случае, если ваши ценности не в порядке, вы можете использовать это:

скрипку:
http://jsfiddle.net/acturbo/YWaja/

Javasript:

var array1= [21, 18]; 
var array2 = [ [21, 1000], [21, 500], [18, 100], [18, 200] ]; 
var result = [ [0,0], [0,0] ]; 

for (i=0;i<array1.length;i++){ 

    result[0,i][0] = array1[i]; 

    for (j=0;j<array2.length;j++){ 

     var key = array2[i,j][0]; 
     var val = array2[i,j][1]; 

     if ( key == array1[i]){ 
      result[0,i][1] += val; 
     } 
    } 
} 

Answer 4

Здесь это еще одна возможность, это usi ng Array.forEach, поэтому вам нужно иметь современный браузер или использовать один из множества «прокладок»/«полиполков».

Javascript

var first = [21, 18], 
    second = [ 
     [21, 1000], 
     [21, 500], 
     [18, 100], 
     [18, 200] 
    ], 
    store = {}; 
    result = []; 


first.forEach(function (element) { 
    second.forEach(function (pair) { 
     var value; 

     if (pair[0] === element) { 
      value = store[element] || 0; 
      store[element] = value + pair[1]; 
     } 
    }); 

    if (typeof store[element] === "number") { 
     result.push([element, store[element]]); 
    } 
}); 

console.log(result); 

На jsfiddle

Update: здесь это решение, основанное на обновленном вопросе, это также использует Object.keys и Array.map сделать преобразование из объекта в виде массива, что OP просил.

Javascript

var first = [ 
     [21, 1000], 
     [21, 500], 
     [18, 100], 
     [18, 200] 
    ], 
    store = {}; 
    result; 

first.forEach(function (pair) { 
    store[pair[0]] = (store[pair[0]] || 0) + pair[1]; 
}); 

result = Object.keys(store).map(function (key) { 
    return [parseInt(key, 10), store[key]]; 
}); 

console.log(result); 

На jsfiddle

Answer 5

function aggregateResults(indexes, inputArray) { 
    var ret = [], tmp; 
    for (var i=0; i<indexes.length; i++) { 
    tmp = 0; 
    for (var j=0; j<inputArray.length; j++) { 
     tmp += inputArray[j][0] == indexes[i] ? inputArray[j][1] : 0; 
    } 
    ret.push([indexes[i], tmp]) 
    } 
    return ret; 
}