add a element to json array with Key/value using angular js

Question

I have a json array object like below

$scope.Json = [{ Id:"5464", Class:"9", Rank:"4" }]

I want to add a item "Name":"Vicky" to the Json. So that my result should be as below.

$scope.Json = [{ Id:"5464", Class:"9", Rank:"4", Name:"Vicky" }]

I am new to angular, can anyone help on this?

Publicate of stackoverflow.com/questions/736590/… - please search before asking a new question. — lin
– lin, Commented Mar 28, 2017 at 15:47

Rohìt Jíndal · Accepted Answer · 2017-03-29 08:14:08Z

2

Use Array map() method.

DEMO

var json = [{ Id:"5464", Class:"9", Rank:"4" }];

json.map(function(item) {
  item.Name = 'Vicky'; 
});

console.log(json);

answered Mar 29, 2017 at 8:14

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

FDavidov · Accepted Answer · 2017-03-28 16:29:22Z

0

First of all, the object $scope.Json is not a JSON but a string. To get a JSON, you need to parse the string like the following:

$scope.Json = JSON.parse(<string>) ;

Second, your input is a peculiar JSON as it is an array with one element (in its turn having 3 elements. I guess you wanted this:

$scope.Json = JSON.parse({ Id:"5464", Class:"9", Rank:"4" }) ;

Once you have this, you can add the element you want as:

$scope.Json.Name = "Vicky" ;

answered Mar 28, 2017 at 16:29

FDavidov

3,7556 gold badges27 silver badges72 bronze badges