AngularJS objects in an array to new one

Question

DashboardService.GetDateList($scope.datestart, $scope.dateend).then(function (response) {
    $scope.listdate = response.data;
});

i get an array list from this function above

[{"day":1,"sql_date":"2017-04-01T00:00:00"},
{"day":2,"sql_date":"2017-04-02T00:00:00"},
{"day":3,"sql_date":"2017-04-03T00:00:00"},
{"day":4,"sql_date":"2017-04-04T00:00:00"},
{"day":5,"sql_date":"2017-04-05T00:00:00"}

how can i push all day value from this array into a new one.

did you check my answer ? – Debug Diva Apr 09 '17 at 08:27 — Debug Diva, Apr 09 '17 at 08:27

score 5 · Accepted Answer · answered Apr 07 '17 at 15:25

5

You can use Array#map to get the value of every day key.

var arr = [{"day":1,"sql_date":"2017-04-01T00:00:00"},{"day":2,"sql_date":"2017-04-02T00:00:00"},{"day":3,"sql_date":"2017-04-03T00:00:00"},{"day":4,"sql_date":"2017-04-04T00:00:00"},{"day":5,"sql_date":"2017-04-05T00:00:00"}],
    newArr = arr.map(v => v.day);
    
    console.log(newArr);

answered Apr 07 '17 at 15:25

kind user

40,029
7
67
77

DashboardService.GetDateList($scope.datestart, $scope.dateend).then(function (response) { $scope.listdate = response.data; }); => JSON – Nguyen Quoc Dat Apr 07 '17 at 16:03
i try this one but all value i get is [object Object] – Nguyen Quoc Dat Apr 07 '17 at 16:18
`DashboardService.GetDateList($scope.datestart, $scope.dateend).then(function (response) { for (var i = 0; i < response.data.length; i++) { String(response.data[i]); console.log(String(response.data[i])); } });` – Nguyen Quoc Dat Apr 07 '17 at 16:18
@NguyenQuocDat Did you fix it? – kind user Apr 08 '17 at 17:49
1

Thanks, i fixed it :) – Nguyen Quoc Dat Apr 09 '17 at 16:45

score 0 · Answer 2 · answered Apr 07 '17 at 18:33

You can achieve this in different ways :

Using JavaScript for...in loop.

DEMO

var responseObj = [{"day":1,"sql_date":"2017-04-01T00:00:00"},
{"day":2,"sql_date":"2017-04-02T00:00:00"},
{"day":3,"sql_date":"2017-04-03T00:00:00"},
{"day":4,"sql_date":"2017-04-04T00:00:00"},
{"day":5,"sql_date":"2017-04-05T00:00:00"}];

var newArr = [];

for (var i in responseObj) {
    newArr.push({"day":responseObj[i].day});  
}

console.log(newArr);

Using Array map() method.

DEMO

var responseObj = [{"day":1,"sql_date":"2017-04-01T00:00:00"},
{"day":2,"sql_date":"2017-04-02T00:00:00"},
{"day":3,"sql_date":"2017-04-03T00:00:00"},
{"day":4,"sql_date":"2017-04-04T00:00:00"},
{"day":5,"sql_date":"2017-04-05T00:00:00"}];

var newArr = responseObj.map(function(item) {
  return {"day":item.day};
});

console.log(newArr);

Using JavaScript for loop.

DEMO

var responseObj = [{"day":1,"sql_date":"2017-04-01T00:00:00"},
{"day":2,"sql_date":"2017-04-02T00:00:00"},
{"day":3,"sql_date":"2017-04-03T00:00:00"},
{"day":4,"sql_date":"2017-04-04T00:00:00"},
{"day":5,"sql_date":"2017-04-05T00:00:00"}];

var newArr = [];

for (var i = 0; i < responseObj.length; i++) {
  newArr.push({"day": responseObj[i].day});
}

console.log(newArr);

score 0 · Answer 3 · answered Apr 07 '17 at 18:35

Still you can use map instead of for loop. Please find the code snippet below

var arr = [{"day":1,"sql_date":"2017-04-01T00:00:00"},{"day":2,"sql_date":"2017-04-02T00:00:00"},{"day":3,"sql_date":"2017-04-03T00:00:00"},{"day":4,"sql_date":"2017-04-04T00:00:00"},{"day":5,"sql_date":"2017-04-05T00:00:00"}],
newArr = arr.map(function(obj) { return obj.day });

console.log(newArr);

AngularJS objects in an array to new one

3 Answers3

You can achieve this in different ways :