当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

Javascript String转Number用法及代码示例


在JavaScript，您可以以字符串的形式存储数值，这可能会导致在您尝试对它们进行数学运算时生成不需要的结果。当您使用用户从用户处获取数字输入时，就会出现此问题输入元素在 HTML 中。它们以字符串的形式返回输入的值。您可以使用以下方法将返回的字符串更改为数字。

表中的内容

使用“+”运算符

+ 运算符可以对字符串进行操作，方法是在字符串变量的名称之前使用它，将其转换为数字。

用法:

+stringVariable;

例子：下面的代码实现了 + 运算符，将字符串转换为数字。

Javascript


const str = "233";
console.log("Type of str before conversion: ", typeof str);
console.log("Type of str after conversion: ", typeof +str);
输出 
Type of str before conversion:  string
Type of str after conversion:  number

使用Number()构造函数

Number()可用于通过将字符串值作为参数传递给它来将字符串转换为数字。

用法:

Number(stringVariable);

例子：下面的代码将字符串转换为数字Number() 构造函数。

Javascript


const str = "233";
console.log("Type of str before conversion: ", typeof str);
console.log("Type of str after conversion: ", typeof Number(str));
输出 
Type of str before conversion:  string
Type of str after conversion:  number

使用parseInt()方法

Number parseInt()可用于通过将数字字符串作为参数传递给它来将其转换为数字。无论您传递浮点字符串还是整数字符串，它总是返回一个整数。

用法:

parseInt(stringVariable);

例子：下面的代码使用parseInt()方法将字符串转换为数字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", parseInt(str1), ", Type: ", typeof parseInt(str1));
console.log("str2: ", parseInt(str2), ", Type: ", typeof parseInt(str2));
输出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23 , Type:  number

使用parseFloat()方法

Number parseFloat()也可以用于将字符串转换为数字，就像我们使用 parseInt() 方法一样，将字符串值传递给它。它将返回传递给它的值。

用法:

parseFloat(stringVariable);

例子：下面的代码是将字符串转换为数字的parseFloat()方法的实际实现。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", parseFloat(str1), ", Type: ", typeof parseFloat(str1));
console.log("str2: ", parseFloat(str2), ", Type: ", typeof parseFloat(str2));
输出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23.33 , Type:  number

使用 Math.floor() 方法

Math floor()如果将浮点字符串传递给它并将其类型从字符串转换为数字，则将返回低值。

用法:

Math.floor(stringVariable);

例子：下面的代码说明了如何使用 Math.floo() 方法将字符串转换为数字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", Math.floor(str1), ", Type: ", typeof Math.floor(str1));
console.log("str2: ", Math.floor(str2), ", Type: ", typeof Math.floor(str2));
输出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23 , Type:  number

使用 Math.ceil() 方法

Math.ceil()可以按照与Math floor()被使用了。它将把字符串类型从字符串转换为数字，如果浮点字符串传递给它，则返回上限值。

用法:

Math.ceil(stringVariable);

例子：下面的代码说明了使用Math.ceil方法将字符串转换为数字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", Math.ceil(str1), ", Type: ", typeof Math.ceil(str1));
console.log("str2: ", Math.ceil(str2), ", Type: ", typeof Math.ceil(str2));
输出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  24 , Type:  number

使用 Math.round() 方法

Math round()将对传入的浮点数字符串进行四舍五入，并在四舍五入后返回其值。它还将字符串类型转换为数字类型。

用法:

Math.round(stringVariable);

例子：下面的代码示例使用 Math.round() 方法将字符串转换为数字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", Math.round(str1), ", Type: ", typeof Math.round(str1));
console.log("str2: ", Math.round(str2), ", Type: ", typeof Math.round(str2));
输出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23 , Type:  number


相关用法


注：本文由纯净天空筛选整理自abhish8rzd大神的英文原创作品 Convert a String to Number in JavaScript。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。