下划线js从数组中检索数据

Question

我分配了一个任务，使用underscore js获取数据。

这是我的 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"
                }
             ]
          }
      ]
   }
 }

由此我只想要 "name" 字段。通过这样做：

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

我得到了所有"boardingPointDetails"。结果如下：

              [ [
                {
                    "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"
                }
            ],[
                 {
                 ... 
                 }
              ]
          ...
           ]

帮我从中只检索"name"。

Answer 1

如果您只想要像 ['Koyambedu'、'Madurai'] 这样的名称数组，那么下面的代码就可以了。

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

参考以下链接：

http://underscorejs.org/#flatten

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

Answer 2

如果您只想要名称数组，这里是：

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

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

Answer 3

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

temp 会有 ["Koyambedu", "Nerkundram", "Adyar", "Madurai"]

Answer 4

试试这个。

$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>

下划线js从数组中检索数据

Underscore js to retrieve data from array

underscore.js

angularjs