typescript string转number

typescript string转number

typescript string转number

TypeScript 中,我们经常需要在不同的数据类型之间进行转换。其中,将字符串(string)转换为数字(number)是一种常见的类型转换操作。本文将详细介绍 TypeScript 中的字符串转数字的方法和相关使用技巧。

使用 parseInt() 函数

JavaScript 和 TypeScript 中,可以使用 parseInt() 函数将字符串转换为整数。该函数接受两个参数,第一个参数是要转换的字符串,第二个参数是转换的基数(可选,默认为10)。

let str: string = "123";
let num: number = parseInt(str);

console.log(num); // 输出 123
TypeScript

在上面的示例中,我们将字符串 "123" 转换为了数字 123。如果字符串无法转换为数字,则会返回 NaN

需要注意的是,parseInt() 函数只会解析字符串中的整数部分,并忽略小数部分。如果字符串以非数字字符开头,则会返回 NaN

let str1: string = "123.456";
let num1: number = parseInt(str1);

console.log(num1); // 输出 123
TypeScript

在上面的示例中,字符串 "123.456" 被转换为数字 123,小数部分被忽略。

使用 parseFloat() 函数

类似于 parseInt() 函数,parseFloat() 函数用于将字符串转换为浮点数。该函数只会解析字符串中的数学浮点数部分。

let str2: string = "3.14";
let num2: number = parseFloat(str2);

console.log(num2); // 输出 3.14
TypeScript

在上面的示例中,字符串 "3.14" 被转换为了数字 3.14

需要注意的是,parseFloat() 函数会忽略字符串中的非数字字符。

let str3: string = "3.14test";
let num3: number = parseFloat(str3);

console.log(num3); // 输出 3.14
TypeScript

在上面的示例中,字符串 "3.14test" 被转换为了数字 3.14,忽略了字符串中的非数字字符。

使用 Number() 函数

在 TypeScript 中,可以使用 Number() 函数将字符串转换为数字。该函数会尝试将字符串转换为整数或浮点数,根据字符串的内容自动决定转换结果。

let str4: string = "123";
let num4: number = Number(str4);

console.log(num4); // 输出 123
TypeScript

在上面的示例中,将字符串 "123" 转换为了数字 123

需要注意的是,如果字符串无法转换为数字,则会返回 NaN

let str5: string = "abc";
let num5: number = Number(str5);

console.log(num5); // 输出 NaN
TypeScript

在上面的示例中,字符串 "abc" 无法转换为数字,因此返回了 NaN

使用 + 运算符

还可以使用 + 运算符将字符串转换为数字。这种转换方法类似于使用 Number() 函数。如果字符串可以转换为数字,则返回转换后的数字,否则返回 NaN

let str6: string = "123";
let num6: number = +str6;

console.log(num6); // 输出 123
TypeScript

在上面的示例中,将字符串 "123" 转换为了数字 123

同样地,如果字符串无法转换为数字,则会返回 NaN

let str7: string = "abc";
let num7: number = +str7;

console.log(num7); // 输出 NaN
TypeScript

在上面的示例中,字符串 "abc" 无法转换为数字,因此返回了 NaN

使用模板字符串

在 TypeScript 中,使用模板字符串可以将变量直接嵌入到字符串中,从而实现字符串转数字的操作。

let str8: string = "123";
let num8: number = +`${str8}`;

console.log(num8); // 输出 123
TypeScript

在上面的示例中,我们使用模板字符串将变量 str8 嵌入到字符串中,并通过 + 运算符将其转换为数字。

同样地,如果字符串无法转换为数字,则会返回 NaN

let str9: string = "abc";
let num9: number = +`${str9}`;

console.log(num9); // 输出 NaN
TypeScript

在上面的示例中,字符串 "abc" 无法转换为数字,因此返回了 NaN

总结

本文介绍了在 TypeScript 中将字符串转换为数字的几种常用方法。通过使用 parseInt()parseFloat()Number() 函数,以及 + 运算符和模板字符串,我们可以方便地实现字符串转数字的操作。

需要注意的是,当字符串无法转换为数字时,这些方法会返回 NaN

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册