How can I store data into array of AngularJS

Question

$scope.arrSportData = data.sportdata;

        angular.forEach($scope.arrSportData, function(value, key){
             $scope.associatedSportplayer = value;
         console.log($scope.associatedSportplayer);

        //getting reponse

        /*
        Object { id: "1", user_id: "2", sport_id: "1", position_id: "1"}
        Object { id: "2", user_id: "2", sport_id: "2", position_id: "6"}
        Object { id: "3", user_id: "2", sport_id: "3", position_id: "12"}
        Object { id: "4", user_id: "2", sport_id: "5", position_id: "20"}
        */  

        });

I would like to pick the sport_id into array i.e array [1,2,3,5]

Please guide thanks in advance

angularJS donot have special Array, they are just object of JS — Ronak Patel
– Ronak Patel, Commented Jul 21, 2016 at 10:32

Chanthu · Accepted Answer · 2016-07-21 10:47:08Z

2

var datas = [{
  id: "1",
  user_id: "2",
  sport_id: "1",
  position_id: "1"
}, {
  id: "2",
  user_id: "2",
  sport_id: "2",
  position_id: "6"
}, {
  id: "3",
  user_id: "2",
  sport_id: "3",
  position_id: "12"
}, {
  id: "4",
  user_id: "2",
  sport_id: "5",
  position_id: "20"
}];

var sport_ids = datas.map(function(data) {
  return Number(data.sport_id)
});

alert(sport_ids);

So, you can pretty much make use of javascript's map function to pipe an array of data in one format and convert it into another array with extracted data from original array.

Documentation

edited Jul 21, 2016 at 10:47

answered Jul 21, 2016 at 10:30

Chanthu

1,7941 gold badge15 silver badges23 bronze badges

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

2 Comments

G2 Jakhmola Over a year ago

getting response in this format Array [ "1", "2", "3", "5" ] want Array [ 1, 2, 3, 5 ] without quote

Chanthu Over a year ago

Updated the answer. You can parse string to int using Number(string_representation)

Jai · Accepted Answer · 2016-07-21 10:33:36Z

0

You can push to a empty array at the $scope:

$scope.arrSportData = data.sportdata;
$scope.newArr = [];

angular.forEach($scope.arrSportData, function(value, key){
     $scope.associatedSportplayer = value;
     $scope.newArr.push($scope.associatedSportplayer.sport_id);
});

answered Jul 21, 2016 at 10:33

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Mohit Tanwani · Accepted Answer · 2016-07-21 10:35:28Z

0

This might help you to have sport_id into an array.

 var tempArr = []; 
   angular.forEach($scope.arrSportData, function(value, key){
       tempArr.push(value.sport_id);
   });

answered Jul 21, 2016 at 10:35

Mohit Tanwani

6,6382 gold badges16 silver badges33 bronze badges

Comments

rejo · Accepted Answer · 2016-07-21 10:36:50Z

Try this code.

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {

$scope.arrSportData = [ { id: "1", user_id: "2", sport_id: "1", position_id: "1"},{ id: "2", user_id: "2", sport_id: "2", position_id: "6"},{ id: "3", user_id: "2", sport_id: "3", position_id: "12"},{ id: "4", user_id: "2", sport_id: "5", position_id: "20"}];
  $scope.sportId = [];
angular.forEach($scope.arrSportData, function(value, key){
             $scope.associatedSportplayer = value;
         $scope.sportId.push($scope.associatedSportplayer.sport_id);
  
  });
  console.log($scope.sportId);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

  <body ng-app="plunker" ng-controller="MainCtrl">
    
  </body>

user1034092 · Accepted Answer · 2016-07-21 10:38:11Z

0

I don't know exactly where you need it, but this is the general idea...

$scope.arrSportData = data.sportdata;
$scope.arrSportID = [];
    angular.forEach($scope.arrSportData, function(value, key){
        $scope.arrSportID.push(value.id);
    }

console.log($scope.arrSportID);

answered Jul 21, 2016 at 10:38

user1034092

671 silver badge6 bronze badges

3 Comments

G2 Jakhmola Over a year ago

thanks @user1034092 I was doing the same thing but don't know what was going wrong. nevertheless thanks a ton

G2 Jakhmola Over a year ago

getting response in this format Array [ "1", "2", "3", "5" ] want Array [ 1, 2, 3, 5 ] without quote

user1034092 Over a year ago

Do you need to save them (in the JSON object) with quotes? Is there a reason that in datas its {id:"1"} and not {id:1}?

Global Developer · Accepted Answer · 2018-05-15 12:18:54Z

-1

You need to store the values in an object and then push it to array.

$scope.item = {};  
  $scope.addItem = function() {   
      var newItem ={};   
      newItem.name= $scope.item.name;   
      newItem.title=$scope.item.title; 

   $scope.contact.items.push(newItem); 
   console.log( $scope.contact.items); 
  }

edited May 15, 2018 at 12:18

Global Developer

237 bronze badges

answered Jul 21, 2016 at 10:30

Jayendra Manek

14814 bronze badges

Collectives™ on Stack Overflow

How can I store data into array of AngularJS

6 Answers 6

2 Comments

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related