使用Underscore.JS深度挑选

时间:2016-09-28 17:32:35

标签: javascript underscore.js lodash

我正在尝试使用underscoreJs来操作JavaScript对象并遇到问题。

这是我的例子



var data = {
  "label": "SomeName",
  "parent": [{
    "id": "parentId",
    "resources": [{
      "name": "ID1NAME",
      "calls": [
        "user_get", "user2_post", "user3_delete"
      ]
    }, {
      "name": "ID2",
      "calls": [
        "employee1_get", "employee2_delete", "employee3_update"
      ]
    }]
  }]
};
var res = _(data).chain().
    pluck('parent').
    flatten().
    findWhere(function(item){
     item === "user_get"
    }).
    value();
    
console.log(res);




使用属于data.parent.calls[]的一个元素(例如:" user_get")我想提取其父对象,即data.parent[0]

我在上面尝试但总是未定义。我对此表示感谢。

3 个答案:

答案 0 :(得分:1)

这似乎可以解决问题。

function findByCall(data, call) {
  return _.find(data.parent, function(parent) {         //From data.parent list, find an item that
    return _.some(parent.resources, function(resource) {//has such parent.resource that it
      return _.includes(resource.calls, call);          //includes the searched resource.calls item
    });
  });
}

//Test

var data = {
  "label": "SomeName",
  "parent": [{
    "id": "parentId",
    "resources": [{
      "name": "ID1NAME",
      "calls": [
        "user_get", "user2_post", "user3_delete"
      ]
    }, {
      "name": "ID2",
      "calls": [
        "employee1_get", "employee2_delete", "employee3_update"
      ]
    }]
  }]
};

console.log(findByCall(data, 'user_get'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>

答案 1 :(得分:1)

您遇到的一个问题是您使用_.pluck。如果对某个对象执行_.pluck,它会检查该对象的键,并尝试检索您指定为第二个参数的属性(在本例中,&#39; parent&#39} ; )。 &#39;标签&#39; 是一个字符串,&#39; parent &#39;是一个数组,因此您得到的数组是[undefined, undefined]。其余的则会出错。

一种解决方案如下:

function findCallIndexInParent(call, parent) {
    return _.chain(parent)
            .pluck('resources')
            .flatten()
            .findIndex(function (obj) {
                return _.contains(obj.calls, call);
            })
            .value();
}

function findCall(call, data) {
    var parent = data.parent;
    return parent[findCallIndexInParent(call, parent)];
}

console.log(findCall('user_get', data));

findCall只是一个方便的方法,它将数据的父属性传递给findCallIndexInParent(它将检索调用所在的索引)并返回所需的对象数组。

Lodash(下划线的一个分支)提供了一种方法来获取一个在这里非常方便的对象的属性(遗憾的是,下划线没有它)。

findCallIndexInParent的解释如下:

  1. 链接父列表
  2. 采摘资源数组
  3. 作为采集地图,它会返回一个列表列表,因此需要展平。
  4. 查找调用包含调用
  5. 的元素的索引
  6. parent 中返回包含 call 的对象的值(索引)。
  7. 这里是fiddle。希望它有所帮助。

答案 2 :(得分:1)

如果我理解正确,你想获得parent数组中具有指定调用的任何资源的元素的索引。

&#13;
&#13;
data = {
  "label": "SomeName",
  "parent": [{
    "id": "parentId",
    "resources": [{
      "name": "ID1NAME",
      "calls": [
        "user_get", "user2_post", "user3_delete"
      ]
    }, {
      "name": "ID2",
      "calls": [
        "employee1_get", "employee2_delete", "employee3_update"
      ]
    }]
  }]
}

// find the index of a parent 
const index = _.findIndex(data.parent, parent => 
    // that has any (some) resources
    _.some(parent.resources, resource => 
        // that contains 'user_get' call in its calls list
        _.contains(resource.calls, 'user_get')
    )
)

console.log(index) // 0
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
&#13;
&#13;
&#13;

如果要查找实际的父对象,请使用find代替findIndex

如果要查找与此调用匹配的所有父对象,请使用filter代替findIndex