Personalizar comparação entre objetos javascript – javascript objetos

Pergunta:


Como fazer para determinar qual valor o javascript deve usar para as operações lógicas sobre objetos?

Eu estou criando um objeto competência que precisa das seguintes funcionalidades:

  • Encapsula a lógica da criação de uma competência: mês/ano no formato MM/AAAA
  • Ao ser concatenado com string ele retorna o formato MM/AAAA
  • Dois objetos Competência podem ser comparados

As funções str_pad() e checkdate() foram usadas da biblioteca php.js

O meu problema está em comparar dois objetos.
Uma vez que tenho duas variáveis data1 e data2, eu gostaria de compará-las para saber qual é maior ou se as duas são de competências iguais, usando os operadores lógicos do javascript diretamente entre as variáveis.

ex: data1 > data2; data1 == data2;

Já tentei sobrescrever o prototype.value mas não funcionou.

Competencia = function(competencia){
        var date = this.dateFromCompetencia(competencia);
        
        Object.defineProperty(this, 'date', {
            value: date
        });
    };

    Competencia.prototype.toString = function () {
        return this.formatado;
    };

    Object.defineProperties(Competencia.prototype, {
        formatado: {
            get: function(){
                return this.competencia.replace(/^(d{2})(d{4})$/,"$1/$2");
            }
        },
        competencia: {
            get: function(){
                return this.mes + this.ano;
            }
        },
        mes: {
            get: function(){
                return mes = str_pad(String(this.date.getMonth()+1), 2, '0', 'STR_PAD_LEFT');
            }
        },
        ano: {
            get: function(){
                return ano = String(this.date.getFullYear());
            }
        },
        proxima:{
            value: function(){
                var mes = str_pad(String(Number(this.mes)+1), 2, '0', 'STR_PAD_LEFT');
                var comp= mes + this.ano;
                console.log(comp);
                return new Competencia(comp);
            } 
        },
        dateFromCompetencia: {
            value: function (competencia) {
                competencia = String(competencia).replace(/D/g, '');;
                
                var mes = competencia.substr(-6,2);
                var ano = competencia.substr(-4);

                if(!checkdate(mes, 01, ano))
                  throw new Error('Competencia incorreta');

                return new Date(ano, Number(mes)-1);
            }
        }
    });

// função str_pad e checkdate do site phpjs.org
function str_pad(e,t,n,r){var i="",s;var o=function(e,t){var n="",r;while(n.length<t){n+=e}n=n.substr(0,t);return n};e+="";n=n!==undefined?n:" ";if(r!=="STR_PAD_LEFT"&&r!=="STR_PAD_RIGHT"&&r!=="STR_PAD_BOTH"){r="STR_PAD_RIGHT"}if((s=t-e.length)>0){if(r==="STR_PAD_LEFT"){e=o(n,s)+e}else if(r==="STR_PAD_RIGHT"){e=e+o(n,s)}else if(r==="STR_PAD_BOTH"){i=o(n,Math.ceil(s/2));e=i+e+i;e=e.substr(0,t)}}return e}
function checkdate(e,t,n){return e>0&&e<13&&n>0&&n<32768&&t>0&&t<=(new Date(n,e,0)).getDate()}


try{
  
  fev14 = new Competencia('02/2014');
  
  jan15 = new Competencia('01/2015');
    
  fev2014 = new Competencia('02/2014');
  
  document.getElementById('comparacao1').innerHTML = fev14 > jan15;
  document.getElementById('comparacao2').innerHTML = fev14 > fev2014;
  
}catch(e){
  alert(e.message);
}
Comparação <b>fev14 > jan15</b> -  
<b>Resultado</b>: <span id="comparacao1"></span>
<b>Esperado</b>: false;
<br>
<br>
Comparação <b>fev14 == fev2014</b> - 
<b>Resultado</b>: <span id="comparacao2"></span>
<b>Esperado</b>: true;
Autor da pergunta Paulo Henrique

bfavaretto

Embora em JavaScript não seja possível sobrecarregar operadores, dá para tratar como seu objeto se comportará no uso dos comparadores >, >=, < e <=. Basta você implementar o método valueOf do objeto. Se entendi bem seu código, ficaria assim:

Competencia.prototype.valueOf = function () {
    return this.date.getTime(); // retorna timestamp da data
};

Já quanto ao operador == (e também o ===), que eu saiba não tem jeito. Dois objetos quando comparados vão sempre retornar false, exceto se você estiver comparando o objeto com ele próprio. Você teria que comparar os valores diretamente. Aproveitando o código acima, seria possível fazer assim:

fev14.valueOf() == fev2014.valueOf()

http://jsfiddle.net/vey5eur4/

A outra resposta do valueOf responde sobre a comparação de grandezas.

Para a comparação de igualdade, encontrei a seguinte solução:

A igualdade compara a referencia do objeto. Portanto, duas variáveis com objetos de mesmo valor não confirmarão sua igualdade se não forem referências ao mesmo objeto.

Estamos tratando de Objetos de Valor, nos quais o que importa é o valor do objeto. Eles não têm um id para identificar cada instância. Precisamos de um objeto Competência com o valor 01/2014. Não importa qual objeto seja, desde que ele tenha esse valor, qualquer um pode ser usado.

A solução seria criar uma variável estática Array que guarda referências aos objetos instanciados dessa classe. Ao instanciar um novo objeto, verificamos se já existe um objeto dessa classe com esse valor. A instância existente deve ser usada e não criada uma nova.

Um Objeto de Valor não deve ter seu valor alterado. Podem existir várias referências, em objetos diferentes, ao mesmo objeto que se interessam somente pelo valor registrado num objeto. Se o valor for alterado por uma classe, outras que possuem referência ao mesmo Objeto de Valor podem sofrer erros devido essa alteração.

Por isso, decidi criar a propriedade instances, do objeto Competencia, que guarda as referencias às todas as instâncias criadas. Ela é uma propriedade direta do objeto Competencia, que é a função construtora de nossa classe. Por isso funciona como uma propriedade estática.

As propriedades deste objeto somente possuem getters. Uma vez instanciado, o valor desse objeto não pode ser alterado. Isso garante que todas as variáveis que fazem referencia à uma instância, vão referenciar o mesmo valor.

Esses são conceitos de Objeto de Valor definidos no livro Domain Driven Design.

Competencia = function(competencia){
        
        var date = this.dateFromCompetencia(competencia);
        
        Object.defineProperty(this, 'date', {
            value: date
        });
        
  
        // Se já existe uma instância com o valor solicitado
        // Ela é retornada e não uma nova instância.
  
        if(Competencia.instances[this]){
            return Competencia.instances[this];  
        }
        else
            Competencia.instances[this] = this;  

    };
    
    Competencia.prototype.toString = function () {
        return this.formatado;
    };
    
    // valueOf garante a comparação de grandeza. 
    // Se maior ou menor
    Competencia.prototype.valueOf = function(){
        return Number(this.ano + this.mes);
    },
    
    // VARIÁRVEL ESTÁTICA
    // guarda uma referencia às instâncias criadas desta classe.
    Competencia.instances = [];
    
    Object.defineProperties(Competencia.prototype, {
        formatado: {
            get: function(){
                return this.competencia.replace(/^(d{2})(d{4})$/,"$1/$2");
            }
        },
        
        competencia: {
            get: function(){
                return this.mes + this.ano;
            }
        },
        
        mes: {
            get: function(){
                return mes = str_pad(String(this.date.getMonth()+1), 2, '0', 'STR_PAD_LEFT');
            }
        },
        
        ano: {
            get: function(){
                return ano = String(this.date.getFullYear());
            }
        },
        
        proxima:{
            value: function(){
                var mes = str_pad(String(Number(this.mes)+1), 2, '0', 'STR_PAD_LEFT');
                var comp= mes + this.ano;
                console.log(comp);
                return new Competencia(comp);
            } 
        },
          
        dateFromCompetencia: {
            value: function (competencia) {
                competencia = retirarCaracteres(competencia);
                competencia = str_pad(competencia, 6, '0', 'STR_PAD_LEFT');
                
                var mes = competencia.substr(-6,2);
                var ano = competencia.substr(-4);

                if(!checkdate(mes, 01, ano))
                    throw new Error('Competencia incorreta');

                return new Date(ano, Number(mes)-1);
            }
        }
    }); // Fim defineProperties
    
    
// função str_pad e checkdate do site phpjs.org
function str_pad(e,t,n,r){var i="",s;var o=function(e,t){var n="",r;while(n.length<t){n+=e}n=n.substr(0,t);return n};e+="";n=n!==undefined?n:" ";if(r!=="STR_PAD_LEFT"&&r!=="STR_PAD_RIGHT"&&r!=="STR_PAD_BOTH"){r="STR_PAD_RIGHT"}if((s=t-e.length)>0){if(r==="STR_PAD_LEFT"){e=o(n,s)+e}else if(r==="STR_PAD_RIGHT"){e=e+o(n,s)}else if(r==="STR_PAD_BOTH"){i=o(n,Math.ceil(s/2));e=i+e+i;e=e.substr(0,t)}}return e}
function checkdate(e,t,n){return e>0&&e<13&&n>0&&n<32768&&t>0&&t<=(new Date(n,e,0)).getDate()}
function retirarCaracteres(e){return String(e).replace(/D/g,"")}


try{
  
  fev14 = new Competencia('02/2014');
  
  jan15 = new Competencia('01/2015');
    
  fev2014 = new Competencia('02/2014');
  
  document.getElementById('comparacao1').innerHTML = fev14 > jan15;
  document.getElementById('comparacao2').innerHTML = fev14 == fev2014;
  
}catch(e){
  alert(e.message);
}
Comparação fev14 > jan15. Resultado: <span id="comparacao1"></span>
<br><br>
Comparação fev14 == fev2014. Resultado: <span id="comparacao2"></span>

Fonte

Related Posts:

Qual a diferença entre AppCompatActivity e Activity? – android android-activity
Pergunta: Qual a diferença da AppCompatActivity para Activity ? A partir de qual versão a AppCompatActivity foi adicionada ao Android? Autor da pergunta Luhhh A diferença reside ...
Como abreviar palavras em PHP? – php string
Pergunta: Possuo informações comuns como nome de pessoas e endereços, e preciso que elas contenham no máximo 30 caracteres sem cortar palavras. Exemplo: 'Avenida Natalino João Brescansin' ...
Qual é a finalidade de um parêntese vazio numa declaração Lambda? – c# expressões-lambda característica-linguagem
Pergunta: Criei um exemplo de uma declaração Lambda sem argumentos, entretanto, estou com duvidas referente a omissão do parêntese vazio () na declaração. Veja o exemplo: class ...
Boas práticas para URI em API RESTful – api rest restful
Pergunta: Estou com dúvida em relação às URIs de alguns recursos da api que estou desenvolvendo. Tenho os recursos projetos e atividades com relação 1-N, ...
Dúvidas sobre a integração do MySQL com Java – java mysql netbeans
Pergunta: Estou criando um sistema no NetBeans, utilizando a linguagem Java e o banco de dados MySQL. Escrevi o seguinte código para realizar a conexão ...
Qual é a finalidade da pasta Model do framework Inphinit? – php inphinit
Pergunta: No Inphinit micro-framework existe a pasta Model que fica dentro da pasta application, e nela é onde ficam as classes, mas eu estou muito ...
Uso do ‘@’ em variáveis – javascript typescript coffeescript
Pergunta: Vejo em algumas linguagens que compilam para javascript, como TypeScript e CoffeeScript, o uso do @ em variáveis, como também, casos em que o ...
Qual tamanho máximo um arquivo JSON pode ter? – json arquivo
Pergunta: Vou dar um exemplo para conseguir explicar minha duvida: Preciso recuperar informação de imagens vindas de uma API, esse banco de imagens me retorna JSON's ...
O que é Teste de Regressão? – terminologia engenharia-de-software testes
Pergunta: Na matéria de Teste de Software o professor abordou um termo chamado Teste de Regressão, isto dentro da disciplina de teste de software. Sendo ...
O que é um construtor da linguagem? – php característica-linguagem
Pergunta: Em PHP, já li e ouvi várias vezes a respeito dos Construtores da Linguagem. Os casos que sempre ouvi falar deles foi em casos ...
Função intrínseca para converter numérico para string – cobol
Pergunta: Estou a tentar saber se existe alguma função intrínseca do COBOL para converter um data numérico para string sem precisar usar a cláusula REDEFINES: ( ...
Porque usar implements? – java android
Pergunta: Qual a diferença entre usar btn.setOnClickListener(new OnClickListener() { e public class MainActivity extends Activity implements OnClickListener{ Estive fazendo um curso de Android e meu professor falou que ...
O que é XHTML e quando deve ser usado? – html xml xhtml
Pergunta: O que eu sei é que o XHTML precisa ser XML válido. Isso implica, por exemplo, que todas as tags precisam ser fechadas. Por ...
Uma placa aceleradora de vídeo pode melhorar o desempenho não-gráfico? [fechada] – desempenho
Pergunta: Para desenvolver em Ruby on Rails, eu utilizo aqui uma máquina virtual do VirtualBox com Ubuntu Server 14.04 sem interface gráfica instalada. Recentemente descobri uma ...
Concat() VS Union() – c# .net
Pergunta: Qual a diferença entre Concat() e Union() ? Quando usar Concat() e quando usar Union() ? Somente pode ser usado em list ? ...

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *