JavaScript 数值分隔符

2025 年 3 月 18 日 | 3 分钟阅读

人眼需要很长时间才能解析大型数字文字，特别是当存在许多重复数字时。

一项新的 JavaScript 编程功能允许使用下划线作为数字文字中的分隔符，这使得它们更容易理解。

一项名为数字分隔符的 JavaScript 功能使我们能够使用下划线作为数字文字的分隔符。

例如，数字 10000 可以写成 10_000。Node.js 和现代浏览器最新版本都支持此功能。

语法

以下语法显示了 JavaScript 中的数字分隔符。

示例

这些示例展示了如何操作二进制、十六进制和其他类型值的数字分隔符。

示例 1

以下示例展示了 JavaScript 中用于简单值的基本数字分隔符。我们可以使用十进制和简单的数字值以及分隔符。分隔符可以放置在数字的任何位置，并且不会影响原始数字。

<!DOCTYPE html>
<html>
<head>
<title> Numeric Separators in JavaScript </title>
</head>
<body>
<h3> Numeric Separators in JavaScript </h3>
<button type = "button" onclick = "clickHere();"> Click Here. </button>
<p id = "value1"> </p>
<p id = "value2"> </p>
<p id = "value3"> </p>
<p id = "value4"> </p>
<script>
function clickHere(){
var value1 = 12_000;
document.getElementById('value1').innerHTML = value1;
var value2 =  0.0_00_001;
document.getElementById('value2').innerHTML = value2;
var value3 =  151_632_263.85;
document.getElementById('value3').innerHTML = value3;
var value4 =  12_456_983;
document.getElementById('value4').innerHTML = value4;
}
</script>
</body>
</html>

输出

该图片显示了实际值和数字分隔符的输出。

示例 2

以下示例展示了 JavaScript 中用于数字值的数字分隔符。我们可以使用大整数和二进制值以及分隔符。分隔符可以放置在输入数字的任何索引位置。

<!DOCTYPE html>
<html>
<head>
<title> Numeric Separators in JavaScript </title>
</head>
<body>
<h3> Numeric Separators in JavaScript </h3>
<button type = "button" onclick = "clickHere();"> Click Here. </button>
<p id = "value1"> </p>
<p id = "value2"> </p>
<p id = "value3"> </p>
<p id = "value4"> </p>
<script>
function clickHere(){
var value1 = 8_263_254_916_724_995_107n;
document.getElementById('value1').innerHTML = value1;
var value2 =  0b1011_0100_0001;
document.getElementById('value2').innerHTML = value2;
var value3 =  8_263_254_916_724_995_1.07;
document.getElementById('value3').innerHTML = value3;
var value4 = 0b1111_0111_0001;
document.getElementById('value4').innerHTML = value4;
}
</script>
</body>
</html>

输出

该图片显示了实际值和数字分隔符的输出。

示例 3

以下示例展示了 JavaScript 中用于各种数字值的数字分隔符。我们可以使用八进制和十六进制值以及分隔符。分隔符可以放置在输入数字的任何索引位置。

<!DOCTYPE html>
<html>
<head>
<title> Numeric Separators in JavaScript </title>
</head>
<body>
<h3> Numeric Separators in JavaScript </h3>
<button type = "button" onclick = "clickHere();"> Click Here. </button>
<p id = "value1"> </p>
<p id = "value2"> </p>
<p id = "value3"> </p>
<p id = "value4"> </p>
<script>
function clickHere(){
var value1 = 0o124_670;
document.getElementById('value1').innerHTML = value1;
var value2 =  0o34_56;
document.getElementById('value2').innerHTML = value2;
var value3 = 0xB0_D0_F0;
document.getElementById('value3').innerHTML = value3;
var value4 = 0xC0_A0_F0;
document.getElementById('value4').innerHTML = value4;
}
</script>
</body>
</html>

输出

该图片显示了实际值和数字分隔符的输出。

示例 4

以下示例展示了 JavaScript 中用于数字值的数字分隔符。我们可以使用大整数和二进制值以及分隔符。分隔符可以放置在输入数字的任何索引位置。在这里，我们可以对这些值进行加法、减法和乘法运算。

<!DOCTYPE html>
<html>
<head>
<title> Numeric Separators in JavaScript </title>
</head>
<body>
<h3> Numeric Separators in JavaScript </h3>
<button type = "button" onclick = "clickHere();"> Click Here. </button>
<p id = "value1"> </p>
<p id = "value2"> </p>
<p id = "value3"> </p>
<p id = "value4"> </p>
<p id = "value5"> </p>
<script>
function clickHere(){
var value1 = 12_000;
var value2 =  0.1_001;
var value3 =  151_632_263.85;
var value4 =  12_456_983;
//addition operation
var add = value1 + value2;
document.getElementById('value1').innerHTML = add;
//Subtraction operation
var sub = value1 - value2;
document.getElementById('value2').innerHTML = sub;
//multiplication operation
var mul = value2 * value3;
document.getElementById('value3').innerHTML = mul;
//division operation
var divs = value4 / value1;
document.getElementById('value4').innerHTML = divs;
//modulus operation
var mods = value4 % value1;
document.getElementById('value5').innerHTML = mods;
}
</script>
</body>
</html>

输出

该图片显示了实际值和数字分隔符的输出。

结论

JavaScript 数字分隔符是一种用于理解代码和长值的视觉运算符。它有助于理解复杂的数学运算并显示大型数据。

下一个主题JavaScript prepend() 方法

← 上一个下一个 →

JavaScript 数值分隔符

语法

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 数值分隔符

语法

示例

结论

相关帖子

PolyFill JS

如何成为一名前端开发人员

如何在 html 中调用 JavaScript 函数

JavaScript Window open 方法

JavaScript globalThis 对象

如何使用 JavaScript 计算圆的周长和面积

JavaScript sessionStorage

如何在 html 中添加 JavaScript

JavaScript 中的随机字符串生成器

JavaScript windows getComputedStyle() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程