javascript - Underscore.js 在嵌套数组中查找并返回元素

Question

我有这样的数据结构:

[
    {
        "name": "AAAA",
        "children": [
            {"name": "vvv", "id": 3},
            {"name": "vvv22", "id": 4}
        ]
    },
    {
        "name": "BBBB",
        "children": [
            {"name": "ggg", "id": 5},
            {"name": "ggggv22", "id": 6}
        ]
    },
]

我想找到并返回具有给定 ID 的 child 。如何使用 Underscore.js 实现这一点？

我目前不使用 Underscore 的实现:

for (var i = 0; i < data.length; i++) {
     var dataItem= data[i];
     for (var j = 0; j < dataItem.children.length; j++) {
        var child = dataItem.children[j];
        if (child .id == id) {
             return child;  
        }
     }
} 

Answer 1

1. Pluck顶级对象中的 children 键
2. Flatten结果数组
3. Find the first object匹配条件，例如具有正确的 id
4. Chain这些操作

导致

var res = _(data).chain().
    pluck('children').
    flatten().
    findWhere({id: 3}).
    value();

还有一个演示

var data = [
    {
        "name": "AAAA",
        "children": [
            {"name": "vvv", "id": 3},
            {"name": "vvv22", "id": 4}
        ]
    },
    {
        "name": "BBBB",
        "children": [
            {"name": "ggg", "id": 5},
            {"name": "ggggv22", "id": 6}
        ]
    }
];
var res = _(data).chain().
    pluck('children').
    flatten().
    findWhere({id: 3}).
    value();
    
console.log(res);

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