How to convert a Javascript number to a Uint8Array?

Question

I have a Javascript integer (whose precision can go up to 2^53 - 1), and I am trying to send it over the wire using an ArrayBuffer. I suppose I could use BigInt64Array, but the browser support still seems relatively new with that.

I cannot use Int32Array (which was my original solution), because the precision for that is up to 2^32 - 1, whereas a Javascript integer can safely go up to 2^53 - 1. This is my problem.

Is there an easy way to simply turn any Javascript integer into a Uint8Array of length 8?

For example, I am looking for a function like this:

function numToUint8Array(num) {
  let arr = new Uint8Array(8);

  // fill arr values with that of num

  return arr;
}

let foo = numToUint8Array(9458239048);
let bar = uint8ArrayToNum(foo); // 9458239048

Does something like this exist in the standard library already? If not, is there a way to write something like this?

"Does something like this exist in the standard library already?" - the BigInt64Array you already mentioned. "Is there a way to write something like this?" - just repeatedly divide by 256 and write num % 256 as one byte into your Uint8Array. Make sure to decide on the endianness. — Bergi
– Bergi, Commented Jun 2, 2022 at 12:14
@Bergi Oh, okay. And what is the formula for converting it back? uint8ArrayToNum I'm trying to think through it but not sure if I have it right. Going to post an answer. — Ryan Peschel
– Ryan Peschel, Commented Jun 2, 2022 at 12:40
What are the elements of foo expected to be for your example? — Wyck
– Wyck, Commented Jun 2, 2022 at 13:57

Ryan Peschel · Accepted Answer · 2022-06-02 13:54:48Z

9

@Bergi, is something like this what you had in mind?

function numToUint8Array(num) {
  let arr = new Uint8Array(8);

  for (let i = 0; i < 8; i++) {
    arr[i] = num % 256;
    num = Math.floor(num / 256);
  }

  return arr;
}

function uint8ArrayToNumV1(arr) {
  let num = 0;

  for (let i = 0; i < 8; i++) {
    num += Math.pow(256, i) * arr[i];
  }

  return num;
}

function uint8ArrayToNumV2(arr) {
  let num = 0;

  for (let i = 7; i >= 0; i--) {
    num = num * 256 + arr[i];
  }

  return num;
}

let foo = numToUint8Array(9458239048);
let bar = uint8ArrayToNumV1(foo); // 9458239048
let baz = uint8ArrayToNumV2(foo); // 9458239048

console.log(foo, bar, baz);

edited Jun 2, 2022 at 13:54

answered Jun 2, 2022 at 12:44

Ryan Peschel

12k22 gold badges90 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bergi Over a year ago

Yes, basically that, although I'd have used num = num * 256 + arr[i] (and reverse iteration) in uint8ArrayToNum, for better symmetry with numToUint8Array.

Ryan Peschel Over a year ago

Cool. that's even better. Editing my answer to include that one as well. Thanks!

RURO · Accepted Answer · 2024-06-04 08:15:58Z

3

This is the solution I currently like to use

// BigInt to Uint8Array
myBigInt = 123456789n;
dv = new DataView(new ArrayBuffer(8), 0);
dv.setBigUint64(0, myBigInt);
uArr = new Uint8Array(dv.buffer);
console.debug('Uint8Array', uArr);

// Uint8Array to BigInt
bytesArr = new Uint8Array([0, 0, 0, 0, 7, 91, 205, 22]);
dv = new DataView(bytesArr.buffer, 0);
myBigInt = dv.getBigUint64();
console.debug('BigInt', myBigInt);

answered Jun 4, 2024 at 8:15

RURO

311 bronze badge

1 Comment

izogfif Over a year ago

Note you sometimes might get an error "cannot convert <number> to a BigInt" (e.g. when trying to assign values larger than MAX_INT32 or MAX_UINT32). In that case try converting it to string first: dv.setBigUint64(0, myBigInt.toString()).

Paul · Accepted Answer · 2024-06-07 13:26:42Z

1

One-liner for numToUint8Array:

let n = 9458239048;
let array = new Uint8Array(new BigUint64Array([BigInt(n)]).buffer);
console.log(array);

answered Jun 7, 2024 at 13:26

Paul

7,0718 gold badges52 silver badges79 bronze badges

Comments

Seyit Bilal · Accepted Answer · 2022-09-07 08:03:00Z

0

If you don't want to use Math class, you can use this script:

function numToUint8Array(num) {
  const arr = new Uint8Array(8);
  
  for(let i = 0; i < 8; i++)
    arr.set([num/0x100**i], 7-i)

  return arr;
}

function uint8ArrayToNum(arr) {
   let num = 0;
   
   for(let i = 0; i < 8; i++)
      num += (0x100**i) * arr[7-i];
   return num;
}

Test Code:

  const arr = numToUint8Array(257);
  console.log(arr);
  const num = uint8ArrayToNum(arr);
  console.log(num);

Result:

Uint8Array(8) [
  0, 0, 0, 0,
  0, 0, 1, 1
]
257

answered Sep 7, 2022 at 8:03

Seyit Bilal

1853 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to convert a Javascript number to a Uint8Array?

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related