轻松掌握JS数字转换技巧：字符串、浮点数、科学记数法全解析

在JavaScript中，数字的转换是基础且常用的操作。无论是从字符串到数字，还是从科学记数法转换回常规数字，掌握这些技巧都能让你的编程工作变得更加轻松。下面，我们就来详细解析一下JavaScript中数字转换的各种方法。

字符串到数字

parseInt 是 JavaScript 中用于将字符串转换为整数的函数。它接受两个参数：要转换的字符串和一个可选的基数（radix）。

let str = "123";
let num = parseInt(str, 10); // 基数为10，即十进制
console.log(num); // 输出: 123

parseFloat 方法用于将一个字符串转换为浮点数。它同样接受一个基数参数，默认为10。

let str = "123.45";
let num = parseFloat(str);
console.log(num); // 输出: 123.45

Number 方法将一个值转换为数字。它可以处理字符串和数字。

let str = "123";
let num = Number(str);
console.log(num); // 输出: 123

JavaScript 中的浮点数表示通常是双精度64位格式，这意味着在某些情况下，浮点数的表示可能会有精度问题。

toFixed 方法可以将一个数字格式化为指定小数位数。

let num = 123.456789;
let formattedNum = num.toFixed(2); // 格式化为两位小数
console.log(formattedNum); // 输出: "123.46"

toPrecision 方法可以将一个数字格式化为指定的长度。

let num = 123.456789;
let formattedNum = num.toPrecision(3); // 格式化为3位有效数字
console.log(formattedNum); // 输出: "123.5"

科学记数法是一种表示非常大或非常小的数字的方法。

toExponential 方法可以将一个数字转换为科学记数法格式。

let num = 123456789;
let exponentialNum = num.toExponential(3); // 格式化为科学记数法，3位有效数字
console.log(exponentialNum); // 输出: "1.234e+8"

你也可以通过将指数表示为字符串与数字结合，来创建科学记数法的表示。

let num = 123456789;
let exponentialNum = parseFloat("1.234e+8");
console.log(exponentialNum); // 输出: 123456789

通过上述解析，我们可以看到JavaScript中数字转换的多样性和灵活性。掌握这些技巧，可以帮助你在编程过程中更高效地处理数字数据。