How to flatten a Float32Array in JS?

Question

I have an array filled with Float32Arrays like this:

var arr = [
  new Float32Array([0.3, 0.7, 0.1]),
  new Float32Array([0.2, 0.544, 0.21]),
];

console.log(arr.flat(Infinity));

How do I flatten them to be like this?:

[0.3, 0.7, 0.1, 0.2, 0.544, 0.21]

I have tried use Array.flat(Infinity) but this still leaves the Float32Arrays intact.

let arr = [ [0.3, 0.7, 0.1], [0.2, 0.544, 0.21] ]; arr = arr.flat()? — Anurag Srivastava
– Anurag Srivastava, Commented Oct 19, 2021 at 17:32
sorry should have made it clear, the array is typed: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…, will edit — little_monkey
– little_monkey, Commented Oct 19, 2021 at 17:35
Does this answer your question? How can I merge TypedArrays in JavaScript? — pilchard
– pilchard, Commented Oct 19, 2021 at 17:42

MikeM · Accepted Answer · 2021-10-19 17:46:05Z

2

For example

let arr = [
  new Float32Array([0.3, 0.7, 0.1]),
  new Float32Array([0.2, 0.544, 0.21]),
];

arr = arr.map(a => [...a]).flat();

console.log(arr);

answered Oct 19, 2021 at 17:46

MikeM

13.8k3 gold badges38 silver badges49 bronze badges

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

Comments

Rukshan Jayasekara · Accepted Answer · 2021-10-19 17:55:32Z

2

const arr = [ new Float32Array([0.3, 0.7, 0.1]), new Float32Array([0.2, 0.544, 0.21])];

const arr3 =  arr.map(float32Array => Array.from(float32Array));
console.log(arr3.flat()); 
/*
^output
[
  0.30000001192092896,
  0.699999988079071,
  0.10000000149011612,
  0.20000000298023224,
  0.5440000295639038,
  0.20999999344348907
]
*/

//rounded to three decimal points
const arr2 =  arr.map(float32Array => Array.from(float32Array).map(float32 => Math.round(float32 * 1000) / 1000));
console.log(arr2.flat()); //--> [0.3, 0.7, 0.1, 0.2, 0.544, 0.21]

answered Oct 19, 2021 at 17:55

Rukshan Jayasekara

1,9851 gold badge9 silver badges27 bronze badges

Comments

Deon Rich · Accepted Answer · 2021-10-19 17:50:28Z

1

Could do -

var arr = [
  new Float32Array([0.3, 0.7, 0.1]),
  new Float32Array([0.2, 0.544,0.21]),
];

console.log(Array.from(arr[0]).concat(Array.from(arr[1])));

answered Oct 19, 2021 at 17:50

Deon Rich

6571 gold badge6 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to flatten a Float32Array in JS?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related