迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

使用 JavaScript 将 NaN 转换为 0

作者:迹忆客 最近更新:2022/09/28 浏览次数:

使用逻辑 OR (||) 运算符将 NaN 转换为 0,例如 const result = val || 0;. 如果左边的值是假的,则逻辑 OR (||) 运算符返回右边的值。

let val = NaN;

val = val || 0;

console.log(val); // 👉️ 0

如果左边的值是假的,则逻辑 OR (||) 运算符返回右边的值。

JavaScript 中的假值是 nullundefinedfalse0、**""(空字符串)、NaN**(不是数字)。

这意味着我们没有明确检查该值是否等于 NaN,我们检查该值是否为假。 所以它可能是一个空字符串、undefinednull 等。

一个简单的考虑方法是 - 运算符右侧的值是一个备用值,以防左侧的值是假的。

或者,我们可以显式检查该值是否为 NaN

let val = NaN;

if (Number.isNaN(val)) {
  val = 0;
}

console.log(val); // 👉️ 0

如果存储的值等于 NaN,则使用 let 关键字声明 val 变量允许我们重新分配它。

虽然这种方法有点冗长,但它仍然易于阅读和直观。

或者,我们可以使用三元运算符

使用三元运算符将 NaN 转换为零,例如 const result = Number.isNaN(val) ? 0 : val;。 如果值等于 NaN,则运算符返回 0,否则返回值。

let val = NaN;

const result = Number.isNaN(val) ? 0 : val;

console.log(result); // 👉️ 0

三元运算符与 if/else 语句非常相似。

如果问号左边的表达式计算为真值,则返回冒号左边的值,否则返回右边的值。

注意,我们使用 Number.isNaN 方法来检查值是否为 NaN(不是数字)。

我们不应该尝试显式地与 NaN 进行比较,因为 NaN 是 JavaScript 中唯一的值,它不等于自身。

console.log(NaN === NaN); // 👉️ false

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

Do you understand JavaScript closures?

发布时间:2025/02/21 浏览次数:108 分类:JavaScript

The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.

Do you know about the hidden traps in variables in JavaScript?

发布时间:2025/02/21 浏览次数:178 分类:JavaScript

Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av

How much do you know about the Prototype Chain?

发布时间:2025/02/21 浏览次数:150 分类:JavaScript

The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start

Pandas 填充 NaN 值

发布时间:2024/04/23 浏览次数:201 分类:Python

本教程解释了我们如何使用 DataFrame.fillna()方法用指定的值填充 NaN 值。

Pandas 删除带有 NaN 的行

发布时间:2024/04/23 浏览次数:157 分类:Python

本教程解释了我们如何使用 DataFrame.notna()和 DataFrame.dropna()方法来删除所有带有 NaN 值的行。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便