如何获得具有特定属性的嵌套对象的计数？

Question

好的，所以我正在使用 angular 将 json 保存到我的计算机以重新创建 github 成绩簿。

我可以通过 $http 请求获取数据，但看在我的份上，我只想计算标签 "Not Yet".

的问题数量

这里是 javascript:

$http.get('/api/github/repos/issues/all_issues/00All.json')
  .then(function(response) {
    console.log(response.data[0]);
    var counter = 0;
    for(var index = 0; index < response.data.length; index++) {
      if(response.data[index].labels[0].name == "Not Yet") {
        counter++;
      };
    };
    console.log(counter);
  });

这是最新的尝试，我也尝试过使用lodash来获得它：

$http.get('/api/github/repos/issues/all_issues/00All.json')
  .then(function(response) {
    console.log(response);
    mile.notYet.width = _.forEach(response.data, function(n){
      var counter = 0;
      if(_.result(_.find(n.labels[0], 'name')) == "Not Yet") {
        counter++;
      }
      console.log(counter);
      counter = ((counter/10) * 100) + '%';
    });
  });

这是 json 数据的一部分：

[
  {
    "url": "https://api.github.com/repos/TheIronYard--Orlando/2015--SUMMER--FEE/issues/11",
    "labels_url": "https://api.github.com/repos/TheIronYard--Orlando/2015--SUMMER--FEE/issues/11/labels{/name}",
    "comments_url": "https://api.github.com/repos/TheIronYard--Orlando/2015--SUMMER--FEE/issues/11/comments",
    "events_url": "https://api.github.com/repos/TheIronYard--Orlando/2015--SUMMER--FEE/issues/11/events",
    "html_url": "https://github.com/TheIronYard--Orlando/2015--SUMMER--FEE/issues/11",
    "id": 73013825,
    "number": 11,
    "title": "00 -- Brace Yourself -- BEN GRIFFITH",
    "user": {
      "login": "Epicurean306",
      "id": 11682684,
      "avatar_url": "https://avatars.githubusercontent.com/u/11682684?v=3",
      "gravatar_id": "",
      "url": "https://api.github.com/users/Epicurean306",
      "html_url": "https://github.com/Epicurean306",
      "followers_url": "https://api.github.com/users/Epicurean306/followers",
      "following_url": "https://api.github.com/users/Epicurean306/following{/other_user}",
      "gists_url": "https://api.github.com/users/Epicurean306/gists{/gist_id}",
      "starred_url": "https://api.github.com/users/Epicurean306/starred{/owner}{/repo}",
      "subscriptions_url": "https://api.github.com/users/Epicurean306/subscriptions",
      "organizations_url": "https://api.github.com/users/Epicurean306/orgs",
      "repos_url": "https://api.github.com/users/Epicurean306/repos",
      "events_url": "https://api.github.com/users/Epicurean306/events{/privacy}",
      "received_events_url": "https://api.github.com/users/Epicurean306/received_events",
      "type": "User",
      "site_admin": false
    },
    "labels": [
      {
        "url": "https://api.github.com/repos/TheIronYard--Orlando/2015--SUMMER--FEE/labels/Not%20Yet",
        "name": "Not Yet",
        "color": "e11d21"
      }
    ],

正如你所看到的标签属性是一个对象，嵌套在一个数组中，嵌套在一个对象中，嵌套在一个数组中，真可爱。放置标签 [0] 每次都会给我带来错误，并且不会让我计数。谁能告诉我我哪里搞砸了？谢谢！

Answer 1

您不需要 lodash 来完成任务

var cnt = response.data
    .map(function(i) { return i.labels; })
         // here we extract labels object only (and get an array of arrays of objects)
    .map(function(i) { return i.filter(function(l) { return l.name == 'Not yet'; }).length; })
         // then for every nested array we return a number of items with 
         // Not Yet names (and get an array of numbers)
    .filter(function(c) { return c > 0; })
         // then we filter issues that don't have one (and still get an array of numbers)
    .length;
         // and finally get length (which is a number)

Answer 2

如果您需要一个包含 lodash 的解决方案，它比原生高阶函数性能更高，那么您可以尝试下面的解决方案：

var size = _(response.data)
   .pluck('labels')
   .flatten()
   .where({ name: 'Not Yet' })
   .size();

更新：

如果您希望它具有更高的可重用性，您可以为克隆的链式序列保存一个引用，并简单地为该克隆序列提供另一个数组。

var data1 = [/*array from data1*/];
var data2 = [/*array from data2*/];

var notYetSequence = _(data1)
  .pluck('labels')
  .flatten()
  .where({ name: 'Not Yet' });

notYetSequence.size(); // returns data 1 count
notYetSequence.plant(data2).size(); // returns data 2 count

Answer 3

作为比较，普通的 for 循环如下所示：

  var data = response.data;
  var count = 0;
  var re = /not yet/i;

  for (var a, i=0, iLen=data.length; i<iLen; i++) {
    a = data[i].labels;
    for (var j=0, jLen=a.length; j<jLen; j++) {
      if (re.test(a[j].name)) ++count;
    }
  }

因此，无论哪种方式，实际上都没有太多代码，for 循环将与所有浏览器兼容（尽管使用 xmlHTTPRequest 意味着至少 ed 3+）并且速度最快……当然未经测试。 ;-)

如何获得具有特定属性的嵌套对象的计数？

How can get a count with nested objects with a certain property?

javascript

json

angularjs

lodash

如何获得具有特定 属性 的嵌套对象的计数？

How can get a count with nested objects with a certain property?

javascript

json

angularjs

lodash

如何获得具有特定属性的嵌套对象的计数？