JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのBigIntとは？使い方をサンプルコード付きで解説

BigIntは、253 − 1 より大きい整数値を表現するために用意された組み込みオブジェクトです。

通常のNumber型で安全に扱える整数の上限は「Number.MAX_SAFE_INTEGER」（9007199254740991 = 253 − 1）までです。これを超える数値をNumber型で扱うと、計算誤差や精度の低下が発生してしまいます。そこで活躍するのがBigIntです。数値リテラルの末尾に「n」を付けるか、BigInt()関数を使用することで、どれほど巨大な整数でも正確に表現・演算できます。

以下は、JavaScriptでBigIntを使用する具体的なサンプルコードです。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
    body {
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    }
    .result {
        font-size: 20px;
        font-weight: 500;
        color: blueviolet;
    }
</style>
</head>
<body>
<h1>BigInt in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>上のボタンをクリックするとBigIntの数値が表示されます</h3>
<script>
    let resEle = document.querySelector(".result");
    let BtnEle = document.querySelector(".Btn");
    BtnEle.addEventListener("click", () => {
        resEle.innerHTML = BigInt(9007199254740991) + "<br>";
        resEle.innerHTML += BigInt(Number.MAX_SAFE_INTEGER) + "<br>";
    });
</script>
</body>
</html>

実行結果

JavaScriptのBigIntとは？使い方をサンプルコード付きで解説

「CLICK HERE」ボタンをクリックすると、画面に次のように表示されます。

JavaScriptのBigIntとは？使い方をサンプルコード付きで解説

この例では、BigInt()関数に「9007199254740991」と「Number.MAX_SAFE_INTEGER」を渡しています。両者は同じ値であるため、クリック後の表示には同じ数値が2行にわたって出力されます。BigIntを使うことで、Number型の安全範囲ぎりぎりの大きな整数も、精度を損なうことなくそのまま扱えることが確認できます。


  1. SeleniumにおけるWebDriverのclick()とJavaScriptのclick()の違いと使い方

    はじめにSeleniumでは、リンクをクリックする方法として「WebDriver標準のclick()」と「JavaScript Executorを使ったclick()」の2つのアプローチがあります。それぞれ特徴や使いどころが異なるため、両方を理解しておくとテスト自動化の幅が大きく広がります。本記事では、WebDriverのclick()によるリンク操作の基本から、JavaScript Executorを使った代替手段まで、コード例を交えてわかりやすく解説します。WebDriverのclick()でリンクをクリックする方法Selenium WebDriverでリンクをクリックする場合、linkT

  2. 【解決済み】javascript:void(0)エラーの原因と対処法を徹底解説

    パソコンでインターネットを閲覧していると、「javascript:void(0)」というエラーに遭遇することがあります。致命的なエラーではありませんが、頻繁に表示されると非常に煩わしいものです。このエラーが出る場合、多くはブラウザ側に何らかの問題が発生しており、その結果として特定のウェブサイトへアクセスできなくなっています。興味深いことに、このエラーはすべてのサイトではなく、一部のサイトにアクセスしたときにのみ表示される点です。根本的な原因としては、ブラウザに組み込まれているポップアップブロッカーが考えられます。また、プロキシサーバー経由でインターネットに接続している場合にも、このエラーが発生