将 px 字符串更改为数字 - JavaScript

在编写 JavaScript 代码时，您可能会遭遇将 CSS 单位字符串转换为数字的情况。 特别是在处理像位置、边距、填充等 CSS 属性时，这经常发生。 在这种情况下，您必须将包含 px 单位的字符串转换为数字。

以下是几种将 px 字符串转换为数字的方法。

1. 使用 parseInt() 函数

parseInt() 函数将字符串转换为整数。 可以使用此函数将包含 px 的字符串转换为数字。以下是示例代码：

let str = '10px';
let num = parseInt(str, 10);
console.log(num); // 输出: 10

2. 使用 parseFloat() 函数

parseFloat() 函数将字符串转换为浮点数。 可以使用此函数将包含 px 的字符串转换为数字。以下是示例代码：

let str = '10.5px';
let num = parseFloat(str);
console.log(num); // 输出: 10.5

3. 使用正则表达式

还可以使用正则表达式将包含 px 的字符串转换为数字。以下是示例代码：

let str = '10px';
let num = parseFloat(str.replace(/px/g, ''));
console.log(num); // 输出: 10

4. 使用 Number() 函数

Number() 函数将字符串转换为数字。也可以使用此函数将包含 px 的字符串转换为数字。以下是示例代码：

let str = '10px';
let num = Number(str.replace(/px/g, ''));
console.log(num); // 输出: 10

尝试使用这些方法之一将 px 字符串转换为数字。 这些方法在处理 CSS 属性和测量单位时非常有用。