您的位置:首页 > 教程笔记 > 前端笔记

js如何转换为数值型

2024-06-22 12:23:09 前端笔记 136

如何将 JavaScript 值转换为数值型

在 JavaScript 中,将值转换为数值型涉及使用内置函数 Number()。此函数接受各种类型的值,包括字符串、布尔值和对象,并返回它们的数值等价物。

转换字符串

要将字符串转换为数字,可以使用 Number(string) 语法。函数将字符串中的数字部分解析为数字,而忽略任何非数字字符。

const numStr = '123.45';
const num = Number(numStr); // 结果:123.45

转换布尔值

布尔值 true 和 false 分别转换为数字 1 和 0。

const bool = true;
const num = Number(bool); // 结果:1

转换对象

如果对象具有 valueOf 或 toString 方法,则 Number() 函数将调用该方法以获取数字值。否则,它将返回 NaN(非数字)。

const obj = {
  valueOf() {
    return 10;
  }
};
const num = Number(obj); // 结果:10

特殊情况

如果值为空字符串 (”)、空数组 ([])、null 或 undefined,Number() 函数将返回 0。
如果值是 Infinity 或 -Infinity,Number() 函数将返回相应的数字。
如果值是无效数字 (NaN),Number() 函数将返回 NaN。

注意:

Number() 函数不会改变原始值。它始终返回一个新的数值。
如果无法转换值,Number() 函数将返回 NaN。因此,在使用转换后的值之前,建议检查它是否为 NaN。

相关推荐

  • js怎么声明函数

    js怎么声明函数

    如何用 JavaScript 声明函数?在 JavaScript 中,声明函数的三种主要方式是:1. 函数声明函数声明是使用 function 关键字声明的。这种类型的函数将在脚本的整个范围内可用,无

    前端笔记 2024-06-22 12:22:39 107
  • js数字和字符怎么转换

    js数字和字符怎么转换

    如何将 JS 数字转换为字符在 JavaScript 中,将数字转换为字符非常简单,您可以使用以下方法:let num = 123;let str = num.toString(); // "123"

    前端笔记 2024-06-22 12:22:29 62
  • js箭头函数怎么实现的

    js箭头函数怎么实现的

    JS 箭头函数的实现箭头函数,又称 lambda 表达式,是 ES6 中引入的一种简化函数语法。它以下划线 (_) 开头,后跟参数列表和一个 = 箭头,然后是函数体。实现原理箭头函数实际上是与传统函

    前端笔记 2024-06-22 12:22:24 16
  • js怎么判断字符串相等

    js怎么判断字符串相等

    如何使用 javascript 判断字符串相等直接相等比较最简单的方法是使用相等运算符 (==),它检查两个字符串是否相等。这种比较不区分大小写。例如:const str1 = "Hello";con

    前端笔记 2024-06-22 12:22:08 96
  • js分割字符串怎么截取

    js分割字符串怎么截取

    JavaScript 中截取字符串的 5 种方法JavaScript 提供了多种方法来截取字符串。以下列出了 5 种常用方法及其示例:1. slice() 方法用途:从给定索引开始截取字符串。语法:s

    前端笔记 2024-06-22 12:22:04 50