Underscore js to retrieve data from array

Question

I'm assigned a task to get data using underscore js.

This is my JSON :

$scope.myData= {
"buslist":
{
    "code":"1",
    "message":"Success",
    "fromStationCode":"71",
    "searchResult": [
        {
            "arrivalTime": "17:00:00",
            "availableSeats": "42",
            "boardingPointDetails": [
                {
                    "code": "1631",
                    "name": "Koyambedu",
                    "time": "09:30:00"
                },
                {
                    "code": "961296",
                    "name": "Nerkundram",
                    "time": "09:45:00"
                }
            ]
        },
        {
            "arrivalTime": "18:00:00",
            "availableSeats": "32",
            "boardingPointDetails": [
                {
                    "code": "2084",
                    "name": "Adyar",
                    "time": "09:30:00"
                },
                {
                    "code": "961296",
                    "name": "Madurai",
                    "time": "09:45:00"
                }
             ]
          }
      ]
   }
 }

From this I want only "name" field. By doing this :

$scope.bdata = _.pluck($scope.myTest.buslist.searchResult, 'boardingPointDetails');

I got all "boardingPointDetails". The result looks like:

              [ [
                {
                    "code": "2084",
                    "name": "Adyar",
                    "time": "09:30:00"
                },
                {
                    "code": "961296",
                    "name": "Madurai",
                    "time": "09:45:00"
                }
             ],[
                {
                    "code": "1631",
                    "name": "Koyambedu",
                    "time": "09:30:00"
                },
                {
                    "code": "961296",
                    "name": "Nerkundram",
                    "time": "09:45:00"
                }
            ],[
                 {
                 ... 
                 }
              ]
          ...
           ]

Help me to retrieve only "name" from this.

yes without using for loop i.e only by means of underscore js and from the result I want to list those data using ng-repeat. — keerthi
– keerthi, Commented Jun 20, 2016 at 9:11

Ankit Singh · Accepted Answer · 2016-06-20 09:34:02Z

2

If you just want array of names like ['Koyambedu', 'Madurai'] then below code would work.

$scope.bdata = _.pluck($scope.myTest.buslist.searchResult, 'boardingPointDetails');

// Flatten the data.
$scope.flatbdata = _.flatten($scope.bdata, true);

$scope.flatbdata = $scope.flatbdata.filter(function(d){
                      return d != undefined && d.hasOwnProperty('name')
                   })

// map calls a provided callback function once for each element in an array, in order, and constructs a new array from the results

$scope.names = $scope.flatbdata.map(function(d){
                    return d.name;
                });

Refer below links :

http://underscorejs.org/#flatten

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

edited Jun 20, 2016 at 9:34

answered Jun 20, 2016 at 9:15

Ankit Singh

1217 bronze badges

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

4 Comments

keerthi Over a year ago

Thanks for reply..Your code works upto flattern.. Then it fails to map..

Ankit Singh Over a year ago

Maybe there is some undefined in the flattened data. So, you can filter the data before using map. $scope.flatbdata = $scope.flatbdata.filter(function(d){ return d != undefined && d.hasOwnProperty('name') });

keerthi Over a year ago

..Thank you so much ...I had been trying this from yesterday..You make my day...It works perfectly..

Ankit Singh Over a year ago

As you are using resultant array of names in ng-repeat, so either you can use track by in the ng-repeat in this case duplicate will also appear (and no dups error in angular) or you can just take unique from this array using _.uniq function refer this : underscorejs.org/#uniq

Dushyant Bangal · Accepted Answer · 2016-06-20 09:16:22Z

0

If you just want the array of names, here it is:

$scope.bdata = _.pluck($scope.myTest.buslist.searchResult, 'boardingPointDetails');

var res= _.flatten($scope.bdata);
res=_.pluck(res,'name');
console.log(res);

answered Jun 20, 2016 at 9:16

Dushyant Bangal

6,41310 gold badges54 silver badges86 bronze badges

1 Comment

Dushyant Bangal Over a year ago

What output are you getting? Because I'm sure it is working. Gave me this op [ 'Koyambedu', 'Nerkundram', 'Adyar', 'Madurai' ]

Vijendra Kumar Kulhade · Accepted Answer · 2016-06-20 09:17:28Z

0

var temp = _.pluck(_.flatten($scope.bdata),'name')

temp will have ["Koyambedu", "Nerkundram", "Adyar", "Madurai"]

answered Jun 20, 2016 at 9:17

Vijendra Kumar Kulhade

2,2633 gold badges18 silver badges25 bronze badges

1 Comment

Vijendra Kumar Kulhade Over a year ago

what is the output you are looking for? Can you tell the sample?

Stepan Kasyanenko · Accepted Answer · 2016-06-20 09:35:34Z

0

Try this.

$scope = {}; // in real project you don't need this. it's just for snippet.
$scope.myData = {
  "buslist": {
    "code": "1",
    "message": "Success",
    "fromStationCode": "71",
    "searchResult": [{
      "arrivalTime": "17:00:00",
      "availableSeats": "42",
      "boardingPointDetails": [{
        "code": "1631",
        "name": "Koyambedu",
        "time": "09:30:00"
      }, {
        "code": "961296",
        "name": "Nerkundram",
        "time": "09:45:00"
      }]
    }, {
      "arrivalTime": "18:00:00",
      "availableSeats": "32",
      "boardingPointDetails": [{
        "code": "2084",
        "name": "Adyar",
        "time": "09:30:00"
      }, {
        "code": "961296",
        "name": "Madurai",
        "time": "09:45:00"
      }]
    }]
  }
};
$scope.names = _.chain($scope.myData.buslist.searchResult).pluck("boardingPointDetails").flatten(true).map(function(item) {
  return item.name;
}).value();
console.log($scope.names);

<script src="http://underscorejs.ru/underscore-min.js"></script>

edited Jun 20, 2016 at 9:35

answered Jun 20, 2016 at 9:23

Stepan Kasyanenko

3,1761 gold badge17 silver badges23 bronze badges

2 Comments

keerthi Over a year ago

But I'm having my array in $scope. Do you want me save in var??

Stepan Kasyanenko Over a year ago

It's no matter, where you save your result.

Collectives™ on Stack Overflow

Underscore js to retrieve data from array

4 Answers 4

4 Comments

1 Comment

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related