Check empty object Angularjs

Question

I have some fields where I pass some filters for a query in the bank. I would like to check if the object is empty, so the query would not be held.

I tried that way:

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
           return false;
    }
    return true;
}

Step the object this way:

$scope.filtrarContratos = function(contrato) {
      if(isEmpty(contrato)){
         console.log("Inválido");
      }
}

But the result is always false.

This is the result I get on the console when I do a console.log of the object:

Object { contrato: "" }

I tried to do an if to check if it was equal to "" but it didn’t work either.

Answer 1

Corrected function, here worked

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop) && obj.prop != "" && obj.prop != undefined)
           return false;
    }
    return true;
}

Answer 2

The given Function as fix does not work properly, this is because it does (obj.prop != ""), and the right thing would be (obj[prop] != ""). The Function that checks if any of the items of the object is empty would be:

function isEmpty(obj) {
            for(var prop in obj) {
                if(obj[prop] != "")
                    return false;
            }       
            return true;
        };

The Function that uses

if(obj.hasOwnProperty(prop)), only works if you want to check if a particular item has been added to the object, but if the same item is there, and the idea is to check if it is empty, then this function you use hasOwnProperty no longer serves.

Answer 3

I solved the problem by checking the object attributes instead of the whole object.

Ex:

$scope.filtrarContratos = function(contrato) {
    if (isEmpty(contrato.contrato) && isEmpty(contrato.contratante) && isEmpty(contrato.codigoAgrupador)) {
        console.log("Inválido");
    }
}

Function that checks if it is empty:

function isEmpty(obj) {
    for(var prop in obj) {
      if(obj.hasOwnProperty(prop))
      return false;
    }

    return true;
  }

Html:

<div class="row">
   <div class="col-md-3">
      <input class="form-control" type="text" ng-model="contrato.contrato" placeholder="Contrato"/>
   </div>
   <div class="col-md-3">
      <input class="form-control" type="text" ng-model="contrato.contratante" placeholder="Contratante"/>
   </div>
   <div class="col-md-3">
      <input class="form-control" type="text" ng-model="contrato.codigoAgrupador" placeholder="Cod. Agrupador"/>
   </div>
   <div class="col-md-3">
      <button class="btn btn-primary btn-block" ng-click="filtrarContratos(contrato)">
      <i class="fa fa-search"></i>
      Filtrar
      </button>
   </div>
</div>

Working example: http://jsfiddle.net/sinkz/HB7LU/21629/