从匿名内部函数返回

Question

There are many related questions, none have the answer that helped me. In other words, questions are specific to a scenario and not isolated to issue. hence my question here:

I have a JavaScript function. Uses jQuery. I'm using an anonymous function in $.each() loop to find the object I want and return to the caller. Need help to figure out how to return from an inner function that is anonymous.

functions.findRider = function(riderId){
    $.each(app.riders, function(index, result) {
        if (result["id"] == riderId) {
            console.log("found the rider:"+JSON.stringify(result));
            return result;
        }
    });
    console.log("Did not find rider");
}

app.riders is an array of objects. Each object in the array have an Id.

Answer 1

The easiest way would be to create a variable outside the $.each() function and add to it from inside the loop:

functions.findRider = function(riderId){
    var results = [];
    $.each(app.riders, function(index, result) {
        if (result["id"] == riderId) {
            console.log("found the rider:"+JSON.stringify(result));
            results.push(result);
        }
    });
    console.log("Did not find rider");
}

As far as I know (but I might be mistaken), there is no way to return from an anonymous function like this.

Answer 2

You can use .filter for this kinda search

like this

functions.findRider = function(riderId) {
    var data = app.riders.filter(function(x) {
        return x.id == riderId;
    });
    return data.length > 0 ? data[0] : null;
}