配列内の既存のオブジェクトにプロパティを追加する

Question

外部ファイルからオブジェクトが少ない配列を選択しています。

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

これは私のような何かお返しします：使用

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

は今、私はそれを行う必要がありますどのように各オブジェクトにprop3を追加したいですか？私は私のjsファイルにデータを持っていた場合、私はそれを手動で行うが、外部ファイルからデータを取り出すだろう...

私は単純にやって試してみました：

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

をしかし、それは働いていません...

ご協力いただきありがとうございます。

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

Answer 1

、同様にしてみてください？あなたがそれを行うことができます その場合はどちらかハードコードされたような：

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

以上動的な方法中を：

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; 
} 

あなたのアプローチの問題：pushでます」既存のインデックスにプロパティを追加するのではなく、配列に新しいインデックスを作成します。私は、これはあなたを助けるべきだと思います

Answer 2

あなたはprop3がprop1とprop2の兄弟になりたいHere is working example $scope.lols.push({prop1: "h3",prop2: "g3"});

Answer 3

： -

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フィドルリンクhttps://jsfiddle.net/bps7zzf8/

Answer 4

を使用すると、各オブジェクトにprop3を追加したい場合は、このプロセスを試すことができます。

// 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; 
    }); 

、あなたのlolsは次のようになります

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

Answer 5

オブジェクトの配列に追加するプロパティを保持してから、$ scope.lolsをループし、インデックスに従って各プロパティを追加します。

$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; 
}); 
}