4

Tenho alguns campos onde passo alguns filtros pra uma consulta no banco. Gostaria de verificar se o objeto está vazio, dessa forma a consulta não seria realizada.

Tentei dessa forma:

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

Passo o objeto dessa forma:

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

Porém o resultado sempre é false.

Esse é o resultado que tenho no console quando faço um console.log do objeto:

Object { contrato: "" }

Já tentei fazer um if pra verificar se era igual a "" mas também não funcionou.

8
  • 1
    Você já testou esse exemplos? stackoverflow.com/questions/679915/… Commented 28/12/2015 às 17:02
  • @SamirBraga fez bem em compartilhar o link.
    – durtto
    Commented 28/12/2015 às 17:04
  • @SamirBraga sim eu tinha tentando e não tinha funcionado, porém acho que resolvi o problema. Ao invés de enviar o objeto inteiro para a função isEmpty que tentei, enviei atributo por atributo e deu certo. Commented 28/12/2015 às 17:06
  • 1
    Se deu tudo certo, poste a solução como resposta, pode ajudar mais alguém posteriormente. Commented 28/12/2015 às 17:08
  • 1
    várias formas existem, mas você precisa deixar claro a sintaxe do seu objeto. Fique atento ao prototype
    – durtto
    Commented 28/12/2015 às 17:10

3 Respostas 3

6

Função corrigida, aqui funcionou

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop) && obj.prop != "" && obj.prop != undefined)
           return false;
    }
    return true;
}
6
  • Dessa forma também não funcionou. Commented 28/12/2015 às 17:15
  • Simulei o objeto que foi passado na pergunta Object { contrato: "" }, e funcionou Commented 28/12/2015 às 17:40
  • Veja da maneira que respondi: jsfiddle.net/sinkz/HB7LU/21629 Commented 28/12/2015 às 17:54
  • E aqui está implementando a sua solução: jsfiddle.net/sinkz/HB7LU/21630 Commented 28/12/2015 às 18:00
  • Acho que concordo com vc, pois se contrato.contrato estiver preenchido os outros campos não o objeto não está vazio, apenas incompleto. Faz sentido criar uma função isCompleteObject que verifique se o objeto está completo. Acho que faltou especificar isso na pergunta. Commented 28/12/2015 às 18:01
3

A function dada como correção não funciona adequadamente, isso porque ele faz (obj.prop != ""), e o correto seria (obj[prop] != ""). A function que verifica se algum dos itens do objeto está vazio seria:

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

A function que usa

if(obj.hasOwnProperty(prop)), só funciona caso queira verificar se determinado item foi adicionado ao objeto, porém se o mesmo item estiver lá, e a idéia é verificar se ele está vazio, então essa função que usa hasOwnProperty já não serve.

2

Resolvi o problema verificando os atributos do objeto ao invés do objeto inteiro.

Ex:

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

Função que verifica se está vazio:

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>

Exemplo funcionando: http://jsfiddle.net/sinkz/HB7LU/21629/

7
  • Então você precisa alterar sua pergunta,
    – durtto
    Commented 28/12/2015 às 17:16
  • Alterar de que maneira? Commented 28/12/2015 às 17:17
  • Verificar se propriedades de um objeto vazio estão vazias com angularJS
    – durtto
    Commented 28/12/2015 às 17:20
  • Já especifiquei isso no titulo Commented 28/12/2015 às 17:21
  • Verificar objeto vazio ou propriedade de um objeto vazio tem uma diferença bem grande @Techies
    – Otto
    Commented 28/12/2015 às 17:40

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .