1

Necesito sumar todos los valores pero estos presentan "$" y "." por tanto al sumarlos me retorna un "NaN" , necesito hacer un replace de que forma puedo integrar eso en mi js?

<table id="table">
              <thead>
                <tr>
                  <th>Producto</th>
                  <th>valor</th>
                </tr>
              </thead>

              <tbody>
                <tr id="1">
                  <td>Licuadora</td>
                  <td>$40.000</td>
                </tr>
                <tr id="2">
                  <td>Lavadora</td>
                  <td>$40.000</td><!-- necesito quitar los signos-->
                </tr>
              </tbody>
      </table>

JS: //recorre los td de valor y suma todos los valores

var Total = 0;
$('#table tbody > tr').each(function () {
    Total += parseInt($(this).find('td:eq(1)').text());                       
    });
  alert(Total);//me retorna un NaN por que contiene signos
4
  • has probado str.replace("$", "") ?
    – Carmen
    el 13 jul. 2017 a las 16:23
  • Si pero la idea es sacar todos los signos de un solo replace he probado con : replace(/\${2}(.*?)\${2}/g, ""); sin resultados el 13 jul. 2017 a las 16:30
  • cual es la lista de símbolos que deseas quitar o que puedes encontrar???
    – user46896
    el 13 jul. 2017 a las 16:32
  • Necesito quitar los "." y los "$" gracias estimado el 13 jul. 2017 a las 16:34

1 respuesta 1

1

Solo debes eliminar el signo de moneda y el de punto flotante.

Ejemplo

var Total = 0;
$('#table tbody > tr').each(function() {
  let qty = 
  	$(this)
      .find('td:eq(1)')
      .text()
  	  .replace(/\$/, '')
      .replace(/\./, '');
  Total += Number(qty);
});
alert(Total); //me retorna un NaN por que contiene signos
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
  <thead>
    <tr>
      <th>Producto</th>
      <th>valor</th>
    </tr>
  </thead>

  <tbody>
    <tr id="1">
      <td>Licuadora</td>
      <td>$40.000</td>
    </tr>
    <tr id="2">
      <td>Lavadora</td>
      <td>$40.000</td>
      <!-- necesito quitar los signos-->
    </tr>
  </tbody>
</table>

Sin embargo, me imagino que más adelante tendrás números con un formato específico para moneda de tu país; para este propósito es mejor usar la librería numeral.js.

Ejemplo

(function() {
  // registra un formato de número, esto es
  // especial cuando guardas números como moneda
  // de tu país, la cual tiene un formato específico.
  numeral.register('locale', 'mx', {
    delimiters: {
      thousands: '.',
      decimal: ','
    },
    abbreviations: {
      thousand: 'k',
      million: 'm',
      billion: 'b',
      trillion: 't'
    },
    currency: {
      symbol: '$'
    }
  });
  numeral.locale('mx'); // usa el formato que hemos creado
  
  var Total = 0;
  $('#table tbody > tr').each(function() {
    let qty = 
      $(this)
        .find('td:eq(1)')
        .text();
    // hacemos uso de la librería para que parsee
    // el número y solo obtenemos el valor correspondiente
    // para JavaScript usando el método value.
    Total += numeral(qty).value();
  });
  alert(Total); //me retorna un NaN por que contiene signos
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

<table id="table">
  <thead>
    <tr>
      <th>Producto</th>
      <th>valor</th>
    </tr>
  </thead>

  <tbody>
    <tr id="1">
      <td>Licuadora</td>
      <td>$40.000</td>
    </tr>
    <tr id="2">
      <td>Lavadora</td>
      <td>$40.000</td>
      <!-- necesito quitar los signos-->
    </tr>
  </tbody>
</table>

2
  • Gracias estimado justo lo que necesitaba , saludos ! el 13 jul. 2017 a las 16:46
  • @JavierAntonioAguayoAguilar He actualizado mi respuesta para que no tengas que hacer esto manualmente si no de forma automática con numeral.js. Échale un ojo, de seguro te servirá.
    – gugadev
    el 13 jul. 2017 a las 17:01

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.