I have a scenario to create two new arrays(based on certain conditions) from an existing array. I have two different ways to get my result.

1. Use Jquery grep() twice to filter the original array.

        var arrErrorRecs = [], arrWarningRecs = [];
        arrErrorRecs = jQuery.grep(aSelectedRecs,function(oItem){
            return oItem.Stat === "Error";
        });
        arrWarningRecs = jQuery.grep(aSelectedRecs,function(oItem){
            return oItem.Stat === "Warning";
        });
   

2. Use Jquery each() once and populate the two new arrays

       jQuery.each(aSelectedRecs, function(){
            if(this.MinPriceValidation === "Error"){
                arrErrorRecs.push(this);
            }else if(this.MinPriceValidation === "Warning"){
                arrWarningRecs.push(this);
            }
        });
   

I have an understanding that in this case Jquery.each would be best as it is looping the array only once. Please advise which is the most effective way for better performance.