{"id":63707,"date":"2024-05-25T03:01:26","date_gmt":"2024-05-24T17:01:26","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=63707"},"modified":"2024-05-25T08:25:01","modified_gmt":"2024-05-24T22:25:01","slug":"javascript-bigint-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/javascript-bigint-tutorial\/","title":{"rendered":"Javascript BigInt Tutorial"},"content":{"rendered":"
\"Javascript<\/a>

Javascript BigInt Tutorial<\/p><\/div>\n

Yesterday’s PHP Bcmath Factorial Tutorial<\/a>, alas, has set off a bit of a competition around here …<\/p>\n\n\n\n\n\n\n\n
PHP Bcmath<\/a><\/th>\nJavascript BigInt<\/a><\/th>\n<\/tr>\n
Anything you can do …<\/td>\nI can do better …<\/td>\n<\/tr>\n
I can do anything<\/td>\nBetter than you.<\/td>\n<\/tr>\n
No, you can’t.<\/img><\/td>\nYes, I can. No, you can’t.<\/img><\/td>\n<\/tr>\n
Yes, I can.<\/img><\/td>\nNo, you can’t.<\/img><\/td>\n<\/tr>\n
Yes, I can,<\/td>\nYes, I can!<\/td>\n<\/tr>\n<\/table>\n

… and we don’t like seeing the client argue with the server. So, let’s just say, they both have their place.<\/p>\n

So feel free to try, further to Javascript Integer Precision Primer Tutorial<\/a>, our changed<\/a><\/font> …<\/p>\n


\n<html>
\n<head>
\n<title>Number Check - RJM Programming - July, 2022 ... thanks to https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Number\/isSafeInteger<\/title>
\n<style> * { align: center; } <\/style>
\n<script type='text\/javascript'>
\n var bi=false;
\n
\nfunction biwarn(xx, yy) {
\n var x=BigInt('' + xx);
\n var y=BigInt('' + yy);
\n document.getElementById('result').innerHTML='<textarea style=\"width:90%;\">' + (x ** y) + '<\/textarea>';
\n return false;
\n}<\/font>
\n
\nfunction warn(x) {
\n if (Number.isSafeInteger(x)) {
\n document.getElementById('result').innerHTML=Math.pow(document.getElementById('base').value, document.getElementById('tpo').value);
\n } else if (('' + x).indexOf('-') != -1) {
\n document.getElementById('result').innerHTML='Precision may be lost! Lowest integer that can be handled is ' + Number.MIN_SAFE_INTEGER + ' versus ' + BigInt(x);
\n } else {
\n document.getElementById('result').innerHTML='Precision may be lost! Highest integer that can be handled is ' + Number.MAX_SAFE_INTEGER + ' versus ' + BigInt(x);
\n }
\n return false;
\n}
\n
\n<\/script>
\n<\/head>
\n<body>
\n<h2>Number Check<\/h2>
\n<h3>RJM Programming - July, 2022<\/h3>
\n<h4>Thanks to <a target=_blank href='\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Number\/isSafeInteger' title='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Number\/isSafeInteger'>https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Number\/isSafeInteger<\/a><\/h4>
\n
\n<form onsubmit=\"if (bi) { return biwarn('' + document.getElementById('base').value, '' + document.getElementById('tpo').value); } <\/font>return warn(Math.pow(document.getElementById('base').value, document.getElementById('tpo').value));\" method=GET action='.\/number_checks.html'>
\n<table border=20>
\n<tr><th>Base<\/th><th>Power<\/th><\/tr>
\n<tr><td><input type=number value=2 step=1 id=base name=base><\/input><\/td><td><input type=number value=6 step=1 id=tpo name=tpo><\/input><\/td><\/tr>
\n<tr><td><input onclick='bi=false;' type=submit value=\"Check as Normal Integer\" style='background-color:yellow;'><\/input><br><br><input onclick='bi=true;' type=submit value=\"Check as BigInt\" name=bigint style='background-color:orange;'><\/input><\/font><\/td><td id=result><\/td><\/tr>
\n<\/table>
\n<\/form>
\n
\n<\/body>
\n<\/html>
\n<\/code><\/p>\n

… number_checks.html<\/a>‘s web application<\/a> to allow you to calculate BigInt results for xy<\/sup> “power of” calculations below<\/a>.<\/p>\n

\n

\n

Previous relevant Javascript Integer Precision Primer Tutorial<\/a> is shown below.<\/p>\n

\"Javascript<\/a>

Javascript Integer Precision Primer Tutorial<\/p><\/div>\n

Javascript’s abilities to handle large counting numbers, called integers, is not there as any default with its “untyped” instinctual tendencies. There are, at least, two approaches to take, if you think you are going to run into a scenario where you really need to use large counting numbers in production …<\/p>\n