Dynamic суммирующий в качестве ключевого значения объекта

Question

var dataJson = JSON.stringify({ 
 
    "11501": { 
 
    "Name": "11501", 
 
    "RecipeName": "N", 
 
    "Time": 10, 
 
    "Ingredient1ID": 1, 
 
    "Ingredient1Quantity": 2, 
 
    }, 
 
    "11502": { 
 
    "Name": "11502", 
 
    "RecipeName": "N", 
 
    "Time": 10, 
 
    "Ingredient1ID": 2, 
 
    "Ingredient1Quantity": 2, 
 
    }, 
 
    }); 
 
var jsonobject = JSON.parse(dataJson); 
 
element = {}; 
 

 
function addElement(e, t) { 
 
    element[jsonobject[e]['Ingredient1ID']] += jsonobject[e]['Ingredient1Quantity']; 
 
    console.log(element); 
 
}

 

 
    <button type="button" class="btn bg-purple btn-flat margin" onclick="addElement(11501,10);"> 
 
    <i class="fa fa-plus"></i> Add to queue 
 
</button> 
 
<button type="button" class="btn bg-purple btn-flat margin" onclick="addElement(11502,10);"> 
 
    <i class="fa fa-plus"></i> Add to queue item2 
 
</button>

addElement есть функция OnClick его предполагается подвести количество элемента [ключ] на каждый клик, если ключ существует, то он должен добавить значение, такие как + =.

В настоящее время он выводит объект {11001: NaN}, поскольку он не имеет базового значения. Я не могу обеспечить базовое значение для ключа, так как они являются динамическим номер Примером:

Сначала нажмите

Объекта {ID: Кол-во}

Объекта {11501: 2}

Объекта {11501: 2 + 2}

Есть ли возможность реализовать эту функциональность? Это может быть массив, если его проще.

https://jsfiddle.net/fxfLemtu/

Answer 1

Посмотрите на этот пример. Надеюсь, я понял, что вы пытаетесь сделать.

var queue = {}; 
 
var jsonobject = { 
 
    "11501": { 
 
    "Ingredient1ID": 1, 
 
    "Ingredient1Quantity": 2, 
 
    }, 
 
    "11502": { 
 
    "Ingredient1ID": 2, 
 
    "Ingredient1Quantity": 2, 
 
    } 
 
}; 
 

 
function addElement(e, t) { 
 
    var elementId = jsonobject[e]['Ingredient1ID']; 
 
    var elementQuantity = jsonobject[e]['Ingredient1Quantity']; 
 
    
 
    if (!(elementId in queue)) { 
 
    queue[elementId] = elementQuantity; 
 
    } else { 
 
    queue[elementId] += elementQuantity; 
 
    } 
 
    
 
    console.log(queue); 
 
}

<button type="button" onclick="addElement(11501,10);">Add item1 to queue</button> 
 
<button type="button" onclick="addElement(11502,10);">Add item2 to queue</button>

Answer 2

Вы должны использовать parseInt() на вашем количестве, а затем добавить. Это сработает. В настоящее время вы пытаетесь добавить значения, которые не являются целыми числами. Спасибо