Splitting an array of strings to an array of floats in JavaScript

Question

I am trying to split an array of strings, called 'vertices' and store it as an array of floats.

Currently the array of strings contains three elemets: ["0 1 0", "1 -1 0", '-1 -1 0"]

What I need is an array of floats containing all these digits as individual elements: [0, 1, 0, 1, -1, 0, -1, -1, 0]

I used the split() function as follows:

for(y = 0; y < vertices.length; y++)
{
    vertices[y] = vertices[y].split(" "); 
}

...which gives me what looks to be what I am after except it is still made up of three arrays of strings.

How might I use parseFloat() with split() to ensure all elements are separate and of type float?

You want to flatten the array and convert each element to a number. — Felix Kling
– Felix Kling, Commented Nov 17, 2014 at 17:34

dfsq · Accepted Answer · 2014-11-17 17:40:37Z

8

You can use Array.prototype.reduce method for this:

var result = ["0 1 0", "1 -1 0", "-1 -1 0"].reduce(function(prev, curr) {
    return prev.concat(curr.split(' ').map(Number));
}, []);

alert(result); // [0, 1, 0, 1, -1, 0, -1, -1, 0]

Instead of .map(Number) you can use .map(parseFloat) of course if you need.

Or even shorter:

var result = ["0 1 0", "1 -1 0", "-1 -1 0"].join(' ').split(' ').map(Number);

edited Nov 17, 2014 at 17:40

answered Nov 17, 2014 at 17:33

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Comments

Shriike · Accepted Answer · 2014-11-17 19:56:46Z

5

You could do something like this.

var res = []
for (var y = 0; y < vertices.length; y++) {
  var temp = vertices[y].split(" ");
  for (var i = 0; i < temp.length; i++) {
    res.push(parseFloat(temp[i]));
  }
}

edited Nov 17, 2014 at 19:56

answered Nov 17, 2014 at 17:33

Shriike

1,3419 silver badges20 bronze badges

7 Comments

petehallw Over a year ago

Thank you for your answer. The other answer came just before you but this was also helpful! +1

petehallw Over a year ago

In fact this answer is more generic so it should be accepted.

royhowie Over a year ago

@petehallw how is this answer more generic…?

Shriike Over a year ago

@royhowie kind of has a point. dfsq's solution when he started wasn't quite as good as mine, he didn't map the results to numbers. But after his edit it's just as generic of a solution, just seems more compact.

dfsq Over a year ago

@Shriike You should probably add var keywords to y and i definitions.

|

Collectives™ on Stack Overflow

Splitting an array of strings to an array of floats in JavaScript

2 Answers 2

Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related