Assign key to array using angularjs

Question

Hi i am having a array like below

$scope.Selectedgroups =[183,184,24]

i need to convert to the below format

 [{groupId:183},{groupId:184},{groupId:24}];

trying to convert by using for loop

var groups=[]
        if($scope.Selectedgroups.length > 0){
            for(i=0; i< $scope.Selectedgroups.length; i++){
                groups.push({"groupId":$scope.Selectedgroups});
            }
        }

getting array format as below:

[{"groupId":[183,184,24]},{"groupId":[183,184,24]},{"groupId":[183,184,24]}]

any solution please

change as groups.push({"groupId":$scope.SelectedGroups[i]}); — Kanya Ravi
– Kanya Ravi, Commented Oct 6, 2017 at 4:58
Thanq all i have changed the groups.push({"groupId":$scope.Selectedgroups[i]}); and working great — Sudhir MN
– Sudhir MN, Commented Oct 6, 2017 at 5:07
@SudhirMN . but you don't need use any loop. You can use map(). Kindly check my answer — Ramesh Rajendran
– Ramesh Rajendran, Commented Oct 6, 2017 at 5:10

vertika · Accepted Answer · 2017-10-06 05:00:48Z

2

There is problem in this line :

 groups.push({"groupId":$scope.Selectedgroups});

Please change this to :

 groups.push({"groupId":$scope.Selectedgroups[i]});

answered Oct 6, 2017 at 5:00

vertika

1,4341 gold badge9 silver badges22 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2017-10-06 05:02:01Z

1

You should push the particular index value change it as

groups.push({"groupId":$scope.Selectedgroups[i]});

answered Oct 6, 2017 at 5:02

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Comments

Sachila Ranawaka · Accepted Answer · 2017-10-06 05:00:53Z

1

Access the array position using index, like $scope.Selectedgroups[i]

for(i=0; i< $scope.Selectedgroups.length; i++){
      groups.push({"groupId":$scope.Selectedgroups[i]});
}

answered Oct 6, 2017 at 5:00

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Comments

Raja Ramachandran · Accepted Answer · 2017-10-06 05:02:24Z

1

use --  $scope.Selectedgroups[i]     

         var groups=[]
            if($scope.Selectedgroups.length > 0){
                for(i=0; i< $scope.Selectedgroups.length; i++){
                    groups.push({"groupId":$scope.Selectedgroups[i]});
                }
            }

answered Oct 6, 2017 at 5:02

Raja Ramachandran

4562 silver badges7 bronze badges

Comments

Kalaiselvan · Accepted Answer · 2017-10-06 05:03:58Z

1

var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
 $scope.Selectedgroups =[183,184,24];
  $scope.temp=[];
 $scope.Selectedgroups.forEach(function(e){
    $scope.temp.push({groupId:e});
 })
 $scope.Selectedgroups=$scope.temp;
 console.log($scope.Selectedgroups);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp" ng-controller="testCtrl">

</body>

answered Oct 6, 2017 at 5:03

Kalaiselvan

2,1441 gold badge19 silver badges31 bronze badges

Comments

Saurabh Agrawal · Accepted Answer · 2017-10-06 05:08:09Z

1

Try this

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script type="text/javascript">
  var app = angular.module('myApp', []);

	app.controller('myCtrl', function ($scope,$filter) {
		$scope.Selectedgroups =[];
		var items = [183,184,24];
		for(i=0; i< items.length; i++){
			var obj = {};
			obj['groupId'] = items[i];
			$scope.Selectedgroups.push(obj);
		}
	});

</script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
	{{Selectedgroups}}
</div>
</body>
</html>

answered Oct 6, 2017 at 5:08

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

Comments

Ramesh Rajendran · Accepted Answer · 2017-10-06 11:07:56Z

1

The problem is, You should push the particular index of value to your groups array. to all other answers are explains very well.

But I have an other answer ,You can do this by using map() function to reducing loop statement and few lines of code.

  var app = angular.module('testApp',[]);
    app.controller('testCtrl',function($scope){
     $scope.Selectedgroups =[183,184,24];
     var groups=[]
      if($scope.Selectedgroups.length > 0){          
      groups = $scope.Selectedgroups.map(function(elem){    
         return {"groupId":elem};
      });
     }
     console.log(groups);
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <body ng-app="testApp" ng-controller="testCtrl">

    </body>

edited Oct 6, 2017 at 11:07

answered Oct 6, 2017 at 5:05

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Collectives™ on Stack Overflow

Assign key to array using angularjs

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related