如何将 TypeScript 中的字符串转换为数字？

Question

给定数字的字符串表示形式，如何将其转换为 TypeScript 中的number类型？

var numberString: string = "1234";
var numberValue: number = /* what should I do with `numberString`? */;

Answer 1

就像在 JavaScript 中一样，您可以使用parseInt或parseFloat函数，或者简单地使用一元+运算符：

var x = "32";
var y: number = +x;

所有提到的技术都将具有正确的类型并正确解析简单的十进制整数字符串，如"123" ，但对于各种其他可能预期的情况（如"123.45" ）和"123.45"情况（如null ）的行为会有所不同。

取自这个答案的表格

Answer 2

执行此操作的 Typescript 方法是：

Number('1234') // 1234
Number('9BX9') // NaN

在这里回答： https : //stackoverflow.com/a/23440948/2083492

Answer 3

对于我们的 Angular 用户：

在模板中， Number(x)和parseInt(x)会抛出错误，而+x没有任何效果。 有效的转换将为x*1或x/1 。

Answer 4

如此处的其他答案所示，有多种方法可以进行转换：

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

不过，我想在parseInt上再提一件事。

使用parseInt ，始终传递基数参数是有意义的。 对于十进制转换，即10 。 这是参数的默认值，因此可以省略它。 对于二进制，它是2和16的十六进制。 实际上，介于 2 和 36 之间（包括 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 不鼓励并且 ECMAScript 5 禁止，但许多实现会将以 0 开头的数字字符串解释为八进制。 以下可能有八进制结果，也可能有十进制结果。 始终指定一个基数以避免这种不可靠的行为。

— MDN

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

由于parseFloat只解析基数为 10 的数值表达式，因此这里不需要基数参数。

更多关于这个：

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

Answer 5

在阐述 Ryan 所说的内容时，TypeScript 包含了一般的 JavaScript 习语。

var n = +"1"; // the unary + converts to number
var b = !!"2"; // the !! converts truthy to true, and falsy to false
var s = ""+3; // the ""+ converts to string via toString()

JavaScript 类型转换中所有有趣的深入细节。

Answer 6

您可以按照以下任一方式进行操作。

var str = '54';

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

Answer 7

字符串到数字的转换：

在 Typescript 中，我们通过以下方式将字符串转换为数字：

• parseInt() ：这个函数有两个参数，第一个是要解析的字符串。 第二个是基数（数学数字系统中的基数，例如十进制为 10，二进制为 2）。 然后返回整数，如果第一个字符不能转换为数字，则返回NaN 。
• parseFloat() ：将我们要解析的值作为参数，并返回一个浮点数。 如果该值无法转换为数字，则返回NaN 。
• +运算符：适当使用的运算符可以将字符串值强制转换为数字。

例子：

 /* parseInt */ // note that a whole number is returned, so it will round the number console.log(parseInt('51.023124')); // parseInt will 'cut off' any part of the string which is not a number console.log(parseInt('5adfe1234')); // When the string starts with non number NaN is returned console.log(parseInt('z123')); console.log('--------'); /* parseFloat */ // parses the string into a number and keeping the precision of the number console.log(typeof parseFloat('1.12321423')); // parseFloat will 'cut off' any part of the string which is not a number console.log(parseFloat('5.5abc')); console.log('--------'); /* + operator */ let myString = '12345' console.log(typeof +myString); let myOtherString = '10ab' // + operator will not cut off any 'non number' string part and will return NaN console.log(+myOtherString);

使用哪个？

1. 当您希望将字符串转换为整数时，请使用parseInt() 。 但是，数据类型仍然是浮点数，因为所有数值都是 TS 中的浮点值。 当您需要指定要解析的数字的基数时，也可以使用此方法。
2. 当您需要将字符串解析为浮点数时，请使用parseFloat() 。
3. 您可以在字符串前使用+运算符将其强制转换为浮点数。 这样做的好处是语法很短。

Answer 8

最简单的方法是使用 +strVal 或 Number(strVal)

例子：

let strVal1 = "123.5"
let strVal2 = "One"
let val1a = +strVal1
let val1b = Number(strVal1)
let val1c = parseFloat(strVal1)
let val1d = parseInt(strVal1)
let val1e = +strVal1 - parseInt(strVal1)
let val2a = +strVal2

console.log("val1a->", val1a) // 123.5
console.log("val1b->", val1b) // 123.5
console.log("val1c->", val1c) // 123.5
console.log("val1d->", val1d) // 123
console.log("val1e->", val1e) // 0.5
console.log("val2a->", val2a) // NaN

Answer 9

Typescript 中有像parseInt() 、 parseFloat()和Number()这样的内置函数，你可以使用它们。

Answer 10

 var myNumber: number = 1200; //convert to hexadecimal value console.log(myNumber.toString(16)); //will return 4b0 //Other way of converting to hexadecimal console.log(Math.abs(myNumber).toString(16)); //will return 4b0 //convert to decimal value console.log(parseFloat(myNumber.toString()).toFixed(2)); //will return 1200.00

在线号码转换工具

数字转换器

Answer 11

使用 => convertstring('10.00') 调用函数

parseFloat(string) => 可以用来转浮点数，toFixed(4) => 转多少位小数

parseInt(str) => 可以用来转换成整数

convertstring(string){
    let number_parsed: any = parseFloat(string).toFixed(4)
    return number_parsed
}

Answer 12

有三种方式

 let a = + '12'; 
 let b = parseInt('12' , 10); // 10 means decimal number
 let c = Number('12');

Answer 13

打字稿需要知道我们的var a将是Number || String 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);
}

Answer 14

如果您只是在谈论类型，正如其他人所说， parseInt() 等将返回正确的类型。 此外，如果由于某种原因该值可能是数字或字符串，并且您不想调用 parseInt()，则 typeof 表达式也将转换为正确的类型：

function f(value:number|string){
  if(typeof value==='number'){
   // value : number
  }else {
   // value : string
  }
}

Answer 15

有很多人在离子编程的情况下遇到了数据类型转换很难解决的问题，因为这种语言很新，这里我将详细说明如何将数据离子类型转换为字符串数据输入整数。

在java、php、c、c++、...等编程语言中都可以轻松移动数据，那么在ionic中也可以为我们创建数据转换也是一种简单的方法，尤其是在其他编程语言中。

this.mPosition = parseInt("");

Answer 16

这是 StrToNumber 函数的修改版本。 像以前一样，

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

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

 static StrToNumber(val: string, defaultVal:number = 0): number { let result:number = defaultVal; if(val == null) return result; if(val.length == 0) return result; val = val.trim(); if(val.length == 0) return(result); let sign:number = 1; // // . obtain sign from string, and place result in "sign" local variable. The Sign naturally defaults to positive // 1 for positive, -1 for negative. // . remove sign character from val. // Note, before the function returns, the result is multiplied by the sign local variable to reflect the sign. // . error check for multiple sign characters // . error check to make sure sign character is at the head or tail of the string // { let positiveSignIndex = val.indexOf('+'); let negativeSignIndex = val.indexOf('-'); let nTailIndex = val.length-1; // // make sure both negative and positive signs are not in the string // if( (positiveSignIndex != -1) && (negativeSignIndex != -1) ) return result; // // handle postive sign // if (positiveSignIndex != -1) { // // make sure there is only one sign character // if( (positiveSignIndex != val.lastIndexOf('+')) ) return result; // // make sure the sign is at the head or tail // if( (positiveSignIndex > 0) && (positiveSignIndex < nTailIndex ) ) return result; // // remove sign from string // val = val.replace("+","").trim(); } // // handle negative sign // if (negativeSignIndex != -1) { // // make sure there is only one sign character // if( (negativeSignIndex != val.lastIndexOf('-')) ) return result; // // make sure the sign is at the head or tail // if( (negativeSignIndex > 0) && (negativeSignIndex < nTailIndex ) ) return result; // // remove sign from string // val = val.replace("-","").trim(); sign = -1; } // // make sure text length is greater than 0 // if(val.length == 0) return result; } // // convert string to a number // var r = +(<any>val); if( (r != null) && (!isNaN(r)) ) { result = r*sign; } return(result); }

Answer 17

在最新版本中，您可以使用as ，这是示例：

var numberString: string = "1234";
const numberValue = numberString as number;

Answer 18

const numberString = "12"
const number = ~~numberString

Answer 19

您始终可以使用强制转换选项。 首先，必须将对象转换为“未知”类型，然后将其转换为预期的对象类型。

let subID:number = 0;

subID = <number><unknown> await obj_s1aSite.submissionTableFirstID.getText();