在嵌套数组中搜索并从该数组中返回一个值？

Question

我有一个 API 端点，它返回带有一堆游戏 ID 的 JSON 响应。该响应看起来像这样（是的，它被严重剪断了）。

{
"finished": [
        {
        "game_id": 8
        },
        {
        "game_id": 9
        },
        {
        "game_id": 11
        }
    ],
"unfinished": [
        {
        "game_id": 12
        },
        {
        "game_id": 13
        }
    ]
}

我想要实现的可能需要一堆单独的功能。但我想在数组中搜索用户输入的特定 ID。并根据它是在“完成”还是“未完成”中，从该键返回值。

假设我想在数组中搜索 ID 为 13。该 ID 将在“未完成”中找到。如果是这种情况，我想返回“未完成”数组中的第一个 ID，即 ID 12。

如果我要在数组中搜索 ID 9，将在“finished”中找到，然后返回该 ID (9)。

如果我要在数组中搜索 ID 12（将在“未完成”中找到），则返回未完成的第一个 ID，ID 12。

希望这是有道理的。

我一直在通过搜索数组进行一些测试，但一点运气都没有

const test = _.findKey(game_ids, function(o) { return o.game_id == 8; });

Answer 1

如果在finished中找不到游戏id，则使用_.find()短路尝试未完成，如果没有找到则返回finished的第一个：

const data = {"finished":[{"game_id":8},{"game_id":9},{"game_id":11}],"unfinished":[{"game_id":12},{"game_id":13}]};

const findId = (game_id) => _.find(data.finished, { game_id }) || (_.find(data.unfinished, { game_id }) && data.unfinished[0]) || data.unfinished[0];

console.log(findId(13));

console.log(findId(9));

console.log(findId(200));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 2

因此，在基本级别上，您需要遍历两个数组以找到一些值。

你提到了 lodash，它有一个 great find utility function。有了这个函数，你可以调用这个函数两次，每个数组调用一次。确保处理没有找到游戏的情况。

例如：

var targetVal = userInput; 
game_id = _.find(apiResponse. finished, { game_id: targetVal })

Answer 3

这是一个纯 JavaScript 解决方案：

var response = {"finished":[{"game_id":8},{"game_id":9},{"game_id":11}],"unfinished":[{"game_id":12},{"game_id":13}]};

function find(response, value) {
    var i;
    for (i = 0; i < response.finished.length; i++) {
        if (response.finished[i].game_id === value) {
            return value;
        }
    }

    for (i = 0; i < response.unfinished.length; i++) {
        if (response.unfinished[i].game_id === value) {
            return response.unfinished[0].game_id;
        }
    }

    return undefined;
}