1

Estava transcrevendo algumas funções que tenho no PHP para o javascript.
Como eu poderia deixar este código mais eficiente ?

String.prototype.substrCount = function(str){
    if(str == undefined){
        return 0;
    }
    var r = new RegExp(str, 'g');
    return (this.match(r) || []).length;
}

String.prototype.mask = function(mask){
    var value = onlyNumber(this);   // REMOVE TUDO QUE NAO SEJA NUMERO

    for(var i = 0; i <= mask.substrCount('#'); i++){

        if(typeof(value[i]) === 'undefined'){
            break;
        } 

        var k = mask.indexOf('#');  // CAPTURA O PROXIMO INDICE DE #
        mask = mask.split('');
        mask[k] = value[i];
        mask = mask.join('');
    }

    return mask;
}

No PHP eu tenho ele simplesmente assim :

function maskNumber($mask,$str){
    $str = onlyNumber($str);    // REMOVE TUDO QUE NAO SEJA NUMERO

    $count = mb_substr_count($mask, '#');
    for($i = 0; $i < $count; $i++){
        $mask[strpos($mask,"#")] = $str[$i];
    }

    return $mask;
}
6
  • Como é o funcionamento dessa função ? Substitui # por números, é isso ? Commented 25/09/2015 às 13:06
  • Sim, basicamente '72081338831'.mask('###.###.###-##') = 720.813.388-31 Commented 25/09/2015 às 13:10
  • 3
    Veja se essa respostas ajuda.
    – rray
    Commented 25/09/2015 às 13:13
  • @rray era essa pergunta que eu estava procurando faz um tempo. Commented 25/09/2015 às 14:02
  • Essa pergunta não o contrario do que vc quer? agora que notei LOL
    – rray
    Commented 25/09/2015 às 14:02

1 Resposta 1

2

Escrevi algo abaixo que vai te auxiliar, mas acho melhor utilizar alguma biblioteca para mask, em jquery, em angular, js puro.

Abaixo segue o código embutido e no plunker:
mask code no plunker

String.prototype.mask = function(mask){
    var result = '';
    var value = this.replace(/\D/g, '');   // REMOVE TUDO QUE NAO SEJA NUMERO

    for (i = 0, j = 0; i < mask.length; i++) { 
      if (mask[i] == '#') {
        result += value[j] ? value[j] : '';
        j++;
      } else {
        result += mask[i];
      }
    }
    return result;
}

document.getElementById('xpto').innerHTML = '72081338831'.mask('###.###.###-##');
<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div id="xpto">initial value</div>    
  </body>

</html>

1
  • De fato creio que transcrever a string seja melhor que explodir e unir, mas vou aguardar mais um pouco. Obrigado. Commented 25/09/2015 às 14:07

Você deve fazer log-in para responder a esta pergunta.

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