Retrieving individual elements from a 2D array in Javascript

Question

Retrieving individual elements from a 2D array in Javascript

I am working with a 2D array that's structured like this:

var data = [['Version', 'Number'], [ 'V1.0', 1 ], [ 'V2.0', 2 ]];

My goal is to parse through the array and extract 'V1.0' and 'V2.0' into a new array, as well as '1' and '2'. This separation is needed for integration with Chart.js

The loop I am currently using is as follows:

var versionLabels = [];
var numberData = [];

for (var i=0; i<data.length; i++) {
    versionLabels.push(data[i][0]);
}

for (var j=0; j<example.length; j++) {
    numberData.push(data[j][1]);
}

I'm struggling with properly segregating each element into their respective arrays for future use.

javascript for-loop chart.js

Answer 1

Answer №1

If you want to achieve this, you have the option of utilizing map and then using shift function to eliminate the initial occurrence.

var sample = [
  ['Theme', 'ID'],
  ['T1', 01],
  ['T2', 02]
];

var outcome = sample.map(e => e[0])

console.log(outcome);

Answer 2

If you want to achieve this, you have the option of utilizing map and then using shift function to eliminate the initial occurrence.

var sample = [
  ['Theme', 'ID'],
  ['T1', 01],
  ['T2', 02]
];

var outcome = sample.map(e => e[0])

console.log(outcome);

Answer 3

Answer №2

Upon reviewing your example, it appears that the first pair of elements serve as keys for your data. Incorporating them into your final arrays is crucial.

The outcome of this example would be a dictionary with keys 'Number' and 'Version', each containing corresponding values from your array.

var example = [['Version', 'Number'], [ 'V1.0', 1 ], [ 'V2.0', 2 ]];

function transform(data) {
  var keys = {},
      versionKey = data[0][0],
      numberKey = data[0][1];
  
  keys[versionKey] = [];
  keys[numberKey] = [];
   
  return data.slice(1).reduce(function(acc, item) {
    acc[versionKey].push(item[0]);    
    acc[numberKey].push(item[1]);
    
    return acc;
  }, keys);
}

var output = transform(example);
console.log(output);

You can proceed by:

var labels = output.Version;
var information = output.Number;

Answer 4

Upon reviewing your example, it appears that the first pair of elements serve as keys for your data. Incorporating them into your final arrays is crucial.

The outcome of this example would be a dictionary with keys 'Number' and 'Version', each containing corresponding values from your array.

var example = [['Version', 'Number'], [ 'V1.0', 1 ], [ 'V2.0', 2 ]];

function transform(data) {
  var keys = {},
      versionKey = data[0][0],
      numberKey = data[0][1];
  
  keys[versionKey] = [];
  keys[numberKey] = [];
   
  return data.slice(1).reduce(function(acc, item) {
    acc[versionKey].push(item[0]);    
    acc[numberKey].push(item[1]);
    
    return acc;
  }, keys);
}

var output = transform(example);
console.log(output);

You can proceed by:

var labels = output.Version;
var information = output.Number;

Answer 5

Answer №3

It appears that this code snippet aligns with your desired outcome:

for(let j=0; j<samples.length; j++){
  
  values.push(samples[j][0]);
  results.push(samples[j][1]);
}

Answer 6

It appears that this code snippet aligns with your desired outcome:

for(let j=0; j<samples.length; j++){
  
  values.push(samples[j][0]);
  results.push(samples[j][1]);
}

Retrieving individual elements from a 2D array in Javascript

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to horizontally align my divs and ensure they stack properly using media queries?

Parsley.js now supports the use of the attribute `data-parsley-errors

Customize Your Google Maps with Checkboxes for Style Options

Switching between various dropdown options does not produce any noticeable differences in the (React) interface

What's the best way to use JavaScript to obtain the width of a 'css-pixel' based on a media query?

What is the best way to delete only the current occurrence of the array, without removing all other instances?

Issue: ENOENT - The requested file or directory cannot be found in the context of an Angular2 and Express.js

What is the method for printing a webpage that has been modified using JavaScript?

Is it possible to store a randomly generated variable in JavaScript for future reference?

Dynamically shift the table footer to the bottom of a scrolling div by utilizing jQuery

Unveiling Parameters from a Function Transferred as an Argument to Another Function in JavaScript

Using the preselection feature in the MUI DataGrid can cause the grid to become disabled

In Safari, non-ascii characters are incorrectly stored in document.cookies as trash

Combining the power of Angular with a Vanilla JS web application

WebDriver encounters difficulty clicking on a certificate error popup window

Function $locationChangeStart in AngularJS not triggering

Error encountered while integrating sweetalert into Vue.js framework

Loading SVGs on the fly with Vue3 and Vite

Changing a millisecond date string into a human-readable date format using jQuery

Issue: TableHead inside an Expandable Row in MUI-Datatable is being duplicated for each row, causing the table to not be centered.Explanation: The