How to add an object in an array within another object

Question

I have the following function that creates an object:

function createDebit(name, value, paymentDate){
    var debit = {"type": name,"value": value,"PaymentDate": paymentDate};
    return debit;
}

This object it returns I’ll add. in another object with this function:

var newDebit = createDebit("GVT", "200.00", "10/10/2010");
addValue("Bradesco", "arrayDebits", newDebit);

function addValue(where, element, content){
    var execute;
    var local = localStorage.getItem(where);
    local = JSON.parse(local);
    var verifyType = "$.isArray(local."+element+")";
    // Verifica se o elemento do objeto destino é um array
    if(eval(verifyType)){
        // Caso seja, add o conteudo via push
        if(typeof(content) == "string"){
            execute = "local."+element+".push('"+content+"')";
        }else if(typeof(content) == "object"){
            execute = "local."+element+".push("+content+")";
        }
    }else{
        execute = "local."+element+"='"+content+"'";
    }
    console.log(execute);
    console.log("Execute now...");
    eval(execute);
    console.log("Done Execute");
    storage_save(where, local);
}

But it always makes a mistake:

jQuery.Deferred Exception: Unexpected Identifier Syntaxerror: Unexpected Identifier

If I try to pass the object via STRING:

function createDebit(name, value, paymentDate){
    var debit = '{"type":' + name + ',"value": ' + value + ',"PaymentDate": ' + paymentDate + '}';
    return debit;
}

No mistake, but when I read the JSON transforming it into STRING, I see that in reality it is no longer an object, but a STRING:

{"nameCategory":"Bradesco","arrayDebits":["{ "type ": "GVT ", "value ": value, "Paymentdate" : paymentDate}"]}

How can I actually save the object within the array inside another object?

Answer 1

Don’t use the eval for this case, he is dangerous. The localStorage is useful but not to trust, and use strings of localStorage in Val is bad practice.

You can do it like this, note how I use it [] for access objects properties dynamically:

function createDebit(name, value, paymentDate) {
  return {
    "type": name,
    "value": value,
    "PaymentDate": paymentDate
  };
}

function addValue(where, element, content) {
  var local = JSON.parse(localStorage.getItem(where));
  if (!local[element]) local[element] = content;
  else local[element].push(content);
  console.log("Done!");
  storage_save(where, local);
}

var newDebit = createDebit("GVT", "200.00", "10/10/2010");
addValue("Bradesco", "arrayDebits", newDebit);