Javascript - How to split multidimensional array data and utilise it

Question

I have some data which I have pulled from an external file, loaded as strings and split it into arrays. I would like to now utilise this data, I'm unsure if the best way to go about doing this is to just access the parallel arrays or to create objects with 3 different named values.

I attempted to do the former, here is a picture of my data logging to console for reference:

And here is the code I attempted:

  for(let i = 0; i < problem.length; i++) {
   for(let j = 1; j < problem.length; j++) {
    for(let k = 2; k < problem.length; k++) {
     id = problem[i];
     posX = problem[j];
     posY= problem[k];
    }
   }
  }

Where problem is the split string array, this does not work, and I'm quite confused on the best way to manipulate this sort of data, of which i feel is a very important skill and any guidance is appreciated!

If it matters at all I will be 'hoping' to easily call upon the one set of 3 values at a later date to visualise the data.

Vincent · Accepted Answer · 2020-09-17 15:57:33Z

1

It's not easy to answer because you don't explain the output format you want to get (because you are not sure) and you didn't ask an accurate question, it's more about preferences, so I can tell you what I think but it may depend on each person. So I hope my answer will help you somehow.

Reading your code, I assume index 0 in the array is an id, index 1 is posX and index 2 is posY.

So, if it were me, in order to manipulate this data easily here is how I would transform the data:

data = [
  ["30", "104", "153"],
  ["31", "104", "161"],
  ["32", "104", "169"],
  ["33", "90", "165"],
  ["34", "80", "157"],
  ["35", "64", "157"],
]

const result = data.map(item => (
  {
    id: item[0],
    posX: item[1],
    posY: item[2],
  }
))

console.log("ORIGINAL DATA", data)

console.log("NEW DATA", result)

A benefit is it would allow you to do data[15].posX instead of data[15][1]

(but again, it's just my preference, there may be tens of different ways)

answered Sep 17, 2020 at 15:57

Vincent

5,0433 gold badges21 silver badges30 bronze badges

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

2 Comments

swamptiger24 Over a year ago

Yes, apologies for the uncertainty on what I'd like to do, ithis output is very nice though! Is there anyway to do this sort of result easily without the arrow function or lambda?

Vincent Over a year ago

Yes, if you want to do it in an "old fashioned way" with a loop instead of an arrow function and high order function, you can do it like this: jsfiddle.net/pqwtkm3c

Collectives™ on Stack Overflow

Javascript - How to split multidimensional array data and utilise it

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related