dynamic array of object

Question

Stuck in a situation where i tried different solution but didn't get any workaround what i want is:

$scope.list={"A":[],"B":[],"C":[],"D":[]}

this type of objects of array but its should be dynamic for example when i click button this function will be called:

AppendToList(data)
{
       $scope.list.push("E":data)//error
}

i want this E to be dynamic when ever i click the next object should be created automatically if I click next time it should become {"A":[],"B":[],"C":[],"D":[],"E":[data]}

Answer 1

You should try like this.

AppendToList(data)
{
       $scope.list["E"]=data;
}

Answer 2

Your $scope.list is actually an object. To add a property you need to use list.A or list["A"]

var list = {};
list["A"] = [1,2,3];
console.log(JSON.stringify(list));

Answer 3

Try this way to add new object as dynamic element

  
   var key = "E";
    var value= { Result: 'Very Success' }
    var list = { "A": [], "B": [], "C": [], "D": [] };
    var splited = JSON.stringify(list).split('}');
    list = JSON.parse(splited[0] + ',"' + key +' ":'+ '[' + JSON.stringify(value)+ '] }')
    console.log(list);

Answer 4

try this

function nextChar(c) {
    var i = (parseInt(c, 36) + 1 ) % 36;
    return (!i * 10 + i).toString(36);
}

AppendToList(data)
{
$scope.list[nextChar($scope.list[Object.keys($scope.list)[Object.keys($scope.list).length - 1]])]=data;
}

tested it and its working fine you have just to add condition id the list is empty of full