Vue - Cómo convertir una cadena en un número

Vue - Cómo convertir una cadena en un número

En este tutorial, aprenderemos cómo convertir una cadena en un número en Vue usando el método Number().

Considere que tenemos la siguiente cadena de precios en nuestra aplicación Vue:

<template>
  <div id="app">
    <h1>Converting string to a number</h1>
    <p>{{ price }}</p>
  </div>
</template>

<script>
export default {
  data(){
    price: "23"
  }
};
</script>

Ahora necesitamos convertir la cadena anterior en un número.

Usando el método Number()

Para convertir una cadena en un número, podemos usar el método Number() en Vue.

Number() toma el valor como argumento y lo convierte en un número. Si el valor no se puede convertir en un número, devuelve NaN.

Aquí un ejemplo:

<template>
  <div id="app">
    <h1>Converting string to a number</h1>
    <p>{{ Number(price) }}</p>
  </div>
</template>

<script>
export default {
  data(){
    price: "23"
  }
};
</script>

De manera similar, también podemos usar el método parseInt() en vue, para convertir una cadena en un número.

EL parseInt() toma ambos argumentos, el primer argumento es una cadena y el segundo argumento es la base de un número requerido que debe convertirse.

<template>
  <div id="app">
    <h1>Converting string to a number</h1>
    <p>{{ parseInt(price, 10) }}</p>
  </div>
</template>

<script>
export default {
  data(){
    price: "23"
  }
};
</script>

Si quieres conocer otros artículos parecidos a Vue - Cómo convertir una cadena en un número puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas