Tratar retorno via parseInt

[daviassumpcao 1]

Pessoal... estou iniciando estudos em JS e me deparei com um desafio: Preciso tratar um valor (string) para obter apenas número...  a primeira variável retorna NAN, as outras retornam corretamente. O que posso estar fazendo errado na variável "a" ... preciso que seja retornado "299,00" ... agradeço antecipadamente. 

 

Segue código: 

 

<p id="demo"></p>

<script>

  var a = parseInt("R$ 299,00") + "<br>";
  var b = parseInt("40 years") + "<br>";
  var c = parseInt("10.00") + "<br>";

  var n = a + b + c;
  document.getElementById("demo").innerHTML = n;

</script>

 

[Omar~ 87]

Tente remover tudo que não for dígito da string primeiro.

var strings = {
  a: 'R$ 299,00',
  b: '40 years',
  c: '10.00'
};
    
function retornarDigito(str) {
  var string = str.replace(/[^\d]+/g, '');
  if (string.length <= 2) { // No caso de "40 years"
    string + '00'; // vai retornar 4000
  }
  return (parseInt(string));
}

Object.keys(strings).forEach(function (item) {
  var integer = retornarDigito(strings[item]);
  console.log(integer);
});

Com certeza existe um forma mais prática para essa operação, só que no momento não estou conseguindo pensar como.

[daviassumpcao 1]

@Omar~

 

Eu até tentai melhorar... Na verdade esse valor vem de uma classe... e em outro elemento estou exibindo ele após ser tratado... é a mesma questão (botei aqui o HTML e JS separados)?

 

<p>Preço do item: <strong class="entrada">R$ 229,00</strong></p>

<button onclick="myFunction()">Clique para tratar o valor</button>

<p>Valor de Saída: <span style="color:red" id="saida"></span></p>

function myFunction() {
  var test = document.getElementsByClassName("entrada");

  function getMoney( str )
  {
          return parseInt( str.replace(/[\D]+/g,'') );
  }
  function formatReal( int )
  {
          var tmp = int+'';
          tmp = tmp.replace(/([0-9]{2})$/g, ",$1");
          if( tmp.length > 6 )
                  tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");

          return tmp;
  }


  var int = getMoney( test );
  document.getElementById("saida").innerHTML = (formatReal( int ));

}

 

[wanderval 19]

function myFunction() {
  // Corrija essa linha
  // var test = document.getElementsByClassName("entrada"); // atualmente
  var test = document.getElementsByClassName("entrada")[0].innerHTML; // maneira correta

  function getMoney( str )
  {console.log(str);
          return parseInt( str.replace(/[\D]+/g,'') );
  }
  function formatReal( int )
  {
          var tmp = int+'';
          tmp = tmp.replace(/([0-9]{2})$/g, ",$1");
          if( tmp.length > 6 )
                  tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");
          return tmp;
  }


  var int = getMoney( test );
  document.getElementById("saida").innerHTML = (formatReal( int ));
}

JsBin: https://jsbin.com/dujevafuri/edit?html,js,output

[daviassumpcao 1]

@wanderval 

 

É aquele detalhe para quem está aprendendo não errar mais na questão conceitual. Muito obrigado por compartilhar!

 Sucesso!

[wanderval 19]

Nada cara esses detalhes ocorrem mesmo, so que com o tempo fica mais fácil pra encontrar  a issue com o tempo você acaba vendo padrões nas falhas, e aprendendo a fazer debugging com mais naturalidade. Sucesso pra você tb!