向数组中的现有对象添加属性

Question

I am picking an array with few object on it from an external file.

Using:

app.controller('mycontroller',  function($scope, $http) { 
$http.get("file")
.then(function(response) {
    $scope.lols = response.data;     
});});

This will give me back something like:

 $scope.lols = [
{
    prop1: "h1",
    prop2: "h2",
},
{
    prop1: "g1",
    prop2: "g2",
},}

Now I want to add a prop3 in each of the objects how should I do it ? If I had the data into my js file I will do it manually but picking the data from an external file...

I have tried simply doing:

app.controller('mycontroller',  function($scope, $http) { 
$http.get("file")
.then(function(response) {
    $scope.lols = response.data;
    $scope.lols.push = [
    {prop3: "h3"},
    {prop3: "g3"}
    ]
});});

But it has not worked...

Thanks for any help or link explain it.

SOLUTION: https://jsfiddle.net/d3c96e0z/3/

Answer 1

I think this should help you:-

var lols = [
{
    prop1: "h1",
    prop2: "h2",
},
{
    prop1: "g1",
    prop2: "g2",
}
]

Object.keys(lols).map(function(key,index){
        var lol = lols[key]
      lol["props3"]="g3"
      console.log(lol)
})

JS fiddle link https://jsfiddle.net/bps7zzf8/

Answer 2

尝试一下， 这里是工作示例 $scope.lols.push({prop1: "h3",prop2: "g3"});

Answer 3

You want prop3 to be a sibling of prop1 and prop2 ? If so you can do it either hard-coded like:

$scope.lols[0].prop3 = "h3";
$scope.lols[1].prop3 = "g3";

Or in a more dynamic way :

var newProps = ["h3", "g3"];
for (var i = 0; i < $scope.lols.length; i++) {
  $scope.lols[i].prop3 = newProps[i]; // assuming the length of both arrays is the same size;
}

The problem with your approach: With push you're creating a new index in the array instead of adding your properties to existing indexes.

Answer 4

if you want to add prop3 in each object can try this process:

// assume that you know "lols" length. here let 2 so add 2 values for prop3

$scope.prop3Values = ["yellow", "red"];

$scope.lols = $scope.lols.map(function(e,index) {
    e.prop3 = $scope.prop3Values[index]; // assign your value in prop3
    return e;
  });

then your lols will be look like

$scope.lols = [
{
    prop1: "h1",
    prop2: "h2",
    prop3: "yellow"
},
{
    prop1: "g1",
    prop2: "g2",
    prop3: "red"
}]

Answer 5

Keep the properties to be added in a array of objects and then loop over the $scope.lols and add each property according to the index;

$scope.propertyJson=[{prop3: "h3"},{prop3: "g3"}];
for (var i = 0; i < $scope.lols.length; i++) {
 angular.forEach($scope.propertyJson[i], function(value, key) {
  $scope.lols[i][key] = value;
 });
}