Question

I have a function in javascript which can write the output to the console but it is unable to return the value..

fetchData: function(dateToFetch){
            if (mP.viewMode == 1){
                $.each(mealData.DailymPs, function(k, item){
                    if( item.Date == formatDate(mP.chosenDate) ){
                        mP.DayPlan.mPDayData = item;
                        return mP.populateMealDayPlan();
                    }       
                })
            } else if (mP.viewMode == 2){
            //  debugger;
                $.each(mealData.DailymPs, function(k, item){
                    if( item.Date == (dateToFetch) ){
                        mP.DayPlan.mPDayData = item;
                        console.log(mP.populateMealDayPlan());
                        var returnObj = mP.populateMealDayPlan();
                        return returnObj;
                    }       
                })
            }

        }

Answer 1

You should be able to fix it by changing it from:

...
$.each(mealData.DailymPs, function(k, item){
    if( item.Date == (dateToFetch) ){
        mP.DayPlan.mPDayData = item;
        console.log(mP.populateMealDayPlan());
        var returnObj = mP.populateMealDayPlan();
        return returnObj;
    }       
})
...

to

...
var returnObj = null;
$.each(mealData.DailymPs, function(k, item){
    if( item.Date == (dateToFetch) ){
        mP.DayPlan.mPDayData = item;
        console.log(mP.populateMealDayPlan());
        returnObj = mP.populateMealDayPlan();
        return false; // break out of each()
    }       
})
if(returnObj != null) return returnObj;
...

Note: You’ll also need to externalize the return variable in the if condition. I’ve demonstrated how that can be done for the else condition.