您可以遵循以下任一方式。

var str = '54';

var num = +str; //easy way by using + operator
var num = parseInt(str); //by using the parseInt operation 

typescript需要知道我们的var a将是Number | | String

export type StringOrNumber = number | string;

export function toString (v: StringOrNumber) {
 return `${v}`;
}


export function toNumber (v: StringOrNumber) {
 return Number(v);
}

export function toggle (v: StringOrNumber) {
 return typeof v === "number" ? `${v}` : Number(v);
}

最简单的方法是使用+strVal或Number（strVal）

示例：让strVal1=“123.5”让strVal2=“一”设val1a=+strVal1设val1b=数字（strVal1）let val1c=parseFloat（strVal1）let val1d=parseInt（strVal1）让val1e=+strVal1-parseInt（strVal1）设val2a=+strVal2console.log（“val1a->”，val1a）//123.5console.log（“val1b->”，val1b）//123.5console.log（“val1c->”，val1c）//123.5console.log（“val1d->”，val1d）//123console.log（“val1e->”，val1e）//0.5console.log（“val2a->”，val2a）//NaN

这里是StrToNumber函数的修改版本。如前所述，

它允许在数值前面或后面出现可选符号。它执行检查以验证字符串的头部或尾部只有一个符号。如果发生错误，将返回“传递”的默认值。

这是一个可能的解决方案，比我之前的帖子更适合最初的问题。

静态StrToNumber（val:string，defaultVal:number=0）：数字{ let result:number=defaultVal；如果（val==空）返回结果；如果（val.length==0）返回结果；val=值trim（）；如果（val.length==0）返回（结果）；让符号：数字=1；//// . 从字符串中获取符号，并将结果放在“符号”局部变量中。符号自然默认为正值//1表示阳性，-1表示阴性。// . 从值中删除符号字符。//注意，在函数返回之前，结果乘以符号局部变量以反映符号。// . 多个符号字符的错误检查// . 错误检查以确保符号字符位于字符串的开头或结尾// { 让positiveSignIndex=val.indexOf（'+'）；让negativeSignIndex=val.indexOf（'-'）；设nTailIndex=val.length-1；////确保字符串中没有正负号//如果（（正SignIndex！=-1）&&（负SignIndex！=-1））返回结果；////手柄阳性标志//if（positiveSignIndex！=-1）{////确保只有一个符号字符//if（（positiveSignIndex！=val.lastIndexOf（'+'）））返回结果；////确保标志在头部或尾部//if（（positiveSignIndex>0）&&（positiveSignIndex<nTailIndex））返回结果；////从字符串中删除符号//val=val.replace（“+”，“”）.trim（）；} ////手柄负号//if（negativeSignIndex！=-1）{////确保只有一个符号字符//if（（negativeSignIndex！=val.lastIndexOf（'-'）））返回结果；////确保标志在头部或尾部//if（（negativeSignIndex>0）&&（negative SignIndex<nTailIndex））返回结果；////从字符串中删除符号//val=val.replace（“-”，“”）.trim（）；符号=-1；} ////确保文本长度大于0// 如果（val.length==0）返回结果；} ////将字符串转换为数字//var r=+（<any>val）；如果（（r！=null）&&（！isNaN（r）））{ 结果=r*符号；}返回（结果）；}

对于我们的其他Angular用户：

在模板中，Number（x）和parseInt（x）抛出错误，+x无效。有效铸件为x*1或x/1。

如这里的其他答案所示，有多种方法进行转换：

Number('123');
+'123';
parseInt('123');
parseFloat('123.45')

不过，我想再提一件关于parseInt的事情。

使用parseInt时，始终传递基数参数是有意义的。对于十进制转换，即10。这是参数的默认值，因此可以省略它。对于二进制，它是2，十六进制是16。实际上，2和36之间的任何基数都有效。

parseInt('123')         // 123 (don't do this)
parseInt('123', 10)     // 123 (much better)

parseInt('1101', 2)     // 13
parseInt('0xfae3', 16)  // 64227

在一些JS实现中，parseInt将前导零解析为八进制：

尽管ECMAScript 3不鼓励使用ECMAScript5，但许多实现将以前导0开头的数字字符串解释为八进制。以下内容可能有八进制结果，也可能有十进制结果。始终指定基数以避免这种不可靠的行为。-多目标网络

代码变得更清晰是指定基数参数的一个很好的副作用。

因为parseFloat只解析基数为10的数字表达式，所以这里不需要基数参数。

更多信息：

为什么我们需要使用基数？（SO问题）所以回答“parseInt（）和Number（）之间的区别是什么？”