Web Development

Valor Monetário em Extenso

hardcode — Mon, 05 Mar 2007 11:21:35 +0000
Uma postagem rápida aqui só para constar o que fiz hoje, eu precisava de uma função JavaScript que transformasse valores monetários para extenso, porém as únicas que achei não eram em JavaScript, PHP, ASP, etc.. Então resolvi transformar uma que estava em PHP pra JS, segue o código abaixo, fiquem a vontade..


Firefox vs. IE Javascript Array Sort Performance
hardcode — Sat, 06 Jan 2007 19:02:41 +0000
Prosseguindo no assunto do meu artigo anterior, vi algumas discussões quanto a performance do método sort() de Array em Javascript, as discussões levavam em conta um teste feito nos navegadores IE e Firefox, chegando a conclusão então que o IE seria mais rápido.
Realmente realizei um teste aqui, e a diferença é imensa, segue o código:
var inicio = new Date();
var arr = new Array();

var c = 1000;

while (c—) arr.push(Math.random());
arr.sort();
var fim = new Date();
document.write(‘Tempo: ‘+(fim.getTime() – inicio.getTime())+‘, Total: ‘+arr.length);


Resultando:
Firefox

Tempo: 187, Total: 1000
Internet Explorer

Tempo: 16, Total: 1000
Agora note, que como citei no artigo anterior, essa ordenação não foi feita em ordem crescente de números, e sim que a ordem foi tirada em relação da posição do caractere na tabela ASCII. Realmente o IE é extremamente mais rápido que o Firefox quando trabalhando dessa forma, não sei qual o processo que o Firefox realiza ao ordenar o array assim, se alguém souber por favor poste aqui.
Mas agora, vamos ver, quem é mais rápido com o que realmente nós precisamos: ordenar o array de forma crescente de números.

Para isso adicionei a função criada no artigo anterior, vejamos como ficou o código:
var inicio = new Date();
var arr = new Array();

var c = 1000;

while (c—) arr.push(Math.random());
function sort_num(x, y) {

if (x == y) return 0;

return x > y ? 1 : -1;

}
arr.sort(sort_num);
var fim = new Date();
document.write(‘Tempo: ‘+(fim.getTime() – inicio.getTime())+‘, Total: ‘+arr.length);


E então o resultado é:
Firefox

Tempo: 15, Total: 1000
Internet Explorer

Tempo: 62, Total: 1000
O papel foi invertido não? Agora foi o Firefox quem foi mais rápido!
Mas e quanto ao array com sort sem função?
Quando a performance do Firefox em relação ao IE que relatei no começo desse artigo, uma diferença de 171 milisegundos, andei fazendo alguns testes, não cheguei a tirar uma conclusão, mas vamos lá.
Ao invés de inserir os dados no array como números, inseri eles como strings, e vejam o resultado:
var inicio = new Date();
var arr = new Array();

var c = 1000;

while (c—) arr.push(Math.random().toString()); // número para string
arr.sort();
var fim = new Date();
document.write(‘Tempo: ‘+(fim.getTime() – inicio.getTime())+‘, Total: ‘+arr.length);


Resultado:
Firefox

Tempo: 16, Total: 1000
Internet Explorer

Tempo: 16, Total: 1000
Agora os dois tiveram a mesma performance, mas porquê? Ainda fiz outro teste:
var inicio = new Date();
var arr = new Array();

var c = 1000;

while (c—) {

if (c > 990) arr.push(Math.random());

else arr.push(Math.random().toString());

}
arr.sort();
var fim = new Date();
document.write(‘Tempo: ‘+(fim.getTime() – inicio.getTime())+‘, Total: ‘+arr.length);


Resultado:
Firefox

Tempo: 15, Total: 1000
Internet Explorer

Tempo: 16, Total: 1000
Bom, na minha opinião, o Firefox deve realizar algum procedimento, quando checa que todos valores contidos na array são números, mas não sei qual procedimento seria esse.
Caso eu ache a explicação para isso vou postar aqui novamente. Se alguém tiver alguma idéia é só comentar.

         


Javascript Array Sort
hardcode — Sat, 06 Jan 2007 02:50:16 +0000
Vamos lá, a algum tempo atrás estava dando uma olhada nas funções de para  tratamento de Arrays em JavaScript, e logo de cara fui testar a função sort, que seria: meuarray.sort(), simples não!? Sim ela é bem simples, mas antes de tudo devemos saber COMO ela funciona.
O que na verdade o sort faz é fazer uma checagem com a tabela ASCII, e não por ordem alfabética, está ai o que devemos saber.
Se queremos por exemplo, sortir/ordenar nosso array por ordem ascendente, nós provavemente fariamos:
var meuArray = ['Laranja', 'Pera', 'banana'];

meuArray.sort();

document.write(meuArray);
Que por sua vez nos retornaria: “Laranja,Pera,banana”
Ahh mas não é isso que queremos, certo? O correto não seria: “banana, Laranja, Pera” ?

Sim sim, para isso devemos “orientar“, para qual função utilizar na comparação.

Você passa essa função como parametro do método sort, é muito simples, vejamos:
Devemos seguir tais regras:
- retorna 0 se X e Y forem iguais.

- retorna 1 se X for maior que Y.

- retorna -1 se X for menor que Y.
function sort_string(x, y) {

  // se palavra1 for igual a palavra2 retorna 1

  if (x == y) return 0;

  // senão se palavra1 for maior que palavra2 então retorna 0, senão retorna -1

  return x.toLowerCase() > y.toLowerCase() ? 1 : -1;

}
E então, vamos utilizar nossa funçãozinha:
var meuArray = ['Laranja', 'Pera', 'banana'];

meuArray.sort(sort_string);

document.write(meuArray);
E o resultado: “Pera,banana,Laranja”
Agora sim está correto, devemos também criar uma função para tratar de números, bem rapidamente:
function sort_num(x, y) {

if (x == y) return 0;

return x > y ? 1 : -1;

}
E agora ficou fácil:
var meuArray = [5, 11, 90];

meuArray.sort(sort_num);

document.write(meuArray);
Resultará: “5, 11, 90″, quando sem a utilização da nossa função sort_num, resultaria: 11, 5, 90, pois a ordem seria: 1 > 5 > 9.
Bom então é isso, tenho certeza de que ficou bem explicado, é algo bem simples, mas que deve ser analisado, meu próximo post será sobre performance em relação a arrays em javascript, só pra dar uma concluida nesse assunto.
Criticas ou melhores formas de como se fazer são sempre bem-vindas. Até!