Generate a main array containing nested arrays made up of individual values

Question

Generate a main array containing nested arrays made up of individual values

Challenge:

I am facing an issue where I have a series of numerical values separated by commas that I need to convert into an array. Each pair of values should be nested within the main array to represent drawing vertices.

How can I tackle this challenge effectively?

Data Input:

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

The desired output should look like this:

Expected Output:

var V_array = [[24,13],[47,20],[33,9],[68,18],[99,14],[150,33],[33,33],[34,15],[91,10]];

javascript arrays multidimensional-array

Answer 1

Answer №1

If you are looking to manipulate an array by splitting on every second comma in JavaScript, consider using the approach suggested here. By splitting the string and converting values to numbers, you can map the splitted pairs effectively.

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10",
    result = vertices.match(/[^,]+,[^,]+/g).map(s => s.split(',').map(Number));

console.log(result);

Answer 2

If you are looking to manipulate an array by splitting on every second comma in JavaScript, consider using the approach suggested here. By splitting the string and converting values to numbers, you can map the splitted pairs effectively.

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10",
    result = vertices.match(/[^,]+,[^,]+/g).map(s => s.split(',').map(Number));

console.log(result);

Answer 3

Answer №2

To check for the modulus of each index in a splitted-string, you can utilize the reduce function within your code structure.

let str = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

let result = str.split(','.reduce((a, s, i) => {
  a.curr.push(Number(s));
  if ((i + 1) % 2 === 0) {
    a.arr.push(a.curr);
    a.curr = [];
  }
  
  return a;
}, {arr: [], curr: []}).arr;

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

To check for the modulus of each index in a splitted-string, you can utilize the reduce function within your code structure.

let str = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

let result = str.split(','.reduce((a, s, i) => {
  a.curr.push(Number(s));
  if ((i + 1) % 2 === 0) {
    a.arr.push(a.curr);
    a.curr = [];
  }
  
  return a;
}, {arr: [], curr: []}).arr;

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 5

Answer №3

To convert a string into an array and utilize the reduce method, consider the following code snippet:

const vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

const numbers = vertices.split(',').map(Number)

const res = numbers
  .reduce((acc, number, index, srcArray) => {
    if (index % 2) {
      return acc
    }

    return [
      ...acc,
      [ number, srcArray[index + 1] ],
    ]
  }, [])

console.log(res)

Answer 6

To convert a string into an array and utilize the reduce method, consider the following code snippet:

const vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

const numbers = vertices.split(',').map(Number)

const res = numbers
  .reduce((acc, number, index, srcArray) => {
    if (index % 2) {
      return acc
    }

    return [
      ...acc,
      [ number, srcArray[index + 1] ],
    ]
  }, [])

console.log(res)

Answer 7

Answer №4

Sharing my thoughts :) [updated]

let
  sequence     = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10",
  pairArray    = [],
  tripletArray = [];

JSON.parse(`[${sequence}]`).forEach((element,index)=>{pairArray.push( (index%2)?[pairArray.pop(),element]:element)})

console.log ( 'pair:', JSON.stringify(pairArray) )


// bonus => extending the concept to triplets :

JSON.parse(`[${sequence}]`).forEach((element,index)=>{
  if      ( (index%3)===2 )  tripletArray.push( [tripletArray.shift(),tripletArray.pop(),element] )
  else if ( (index%3)===0 )  tripletArray.unshift(element)
  else                      tripletArray.push(element)
})

console.log ( 'triplet:', JSON.stringify(tripletArray)  )

Answer 8

Sharing my thoughts :) [updated]

let
  sequence     = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10",
  pairArray    = [],
  tripletArray = [];

JSON.parse(`[${sequence}]`).forEach((element,index)=>{pairArray.push( (index%2)?[pairArray.pop(),element]:element)})

console.log ( 'pair:', JSON.stringify(pairArray) )


// bonus => extending the concept to triplets :

JSON.parse(`[${sequence}]`).forEach((element,index)=>{
  if      ( (index%3)===2 )  tripletArray.push( [tripletArray.shift(),tripletArray.pop(),element] )
  else if ( (index%3)===0 )  tripletArray.unshift(element)
  else                      tripletArray.push(element)
})

console.log ( 'triplet:', JSON.stringify(tripletArray)  )

Answer 9

Answer №5

To achieve this, utilize the exec function along with JSON.parse.

var coordinates = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

var array1;
var reg = /[^,]+,[^,]+/g
let result = []

while((array1 = reg.exec(coordinates))!== null){
  result.push(JSON.parse(`[${array1[0]}]`))
}

console.log(result)

Answer 10

To achieve this, utilize the exec function along with JSON.parse.

var coordinates = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

var array1;
var reg = /[^,]+,[^,]+/g
let result = []

while((array1 = reg.exec(coordinates))!== null){
  result.push(JSON.parse(`[${array1[0]}]`))
}

console.log(result)

Answer 11

Answer №6

Divide the string by commas and utilize Array.reduce to organize the pairs into a new 2-dimensional array:

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";
const pair = vertices.split(",").reduce((acc, ele, idx, arr) => {
  if(idx === 0  || idx%2 === 0) {acc.push([+ele, +arr[idx + 1]]);}
  return acc;
}, []);
console.log(pair);

The same outcome can be achieved using Array.map, where for odd indexes, skip the element and eliminate any undefined elements:

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";
const pair = vertices.split(",").map((ele, idx, arr) => (idx === 0 || idx%2 === 0) ? [+ele, +arr[idx + 1]] : undefined).filter(e => e);
console.log(pair);

Answer 12

Divide the string by commas and utilize Array.reduce to organize the pairs into a new 2-dimensional array:

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";
const pair = vertices.split(",").reduce((acc, ele, idx, arr) => {
  if(idx === 0  || idx%2 === 0) {acc.push([+ele, +arr[idx + 1]]);}
  return acc;
}, []);
console.log(pair);

The same outcome can be achieved using Array.map, where for odd indexes, skip the element and eliminate any undefined elements:

var vertices = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";
const pair = vertices.split(",").map((ele, idx, arr) => (idx === 0 || idx%2 === 0) ? [+ele, +arr[idx + 1]] : undefined).filter(e => e);
console.log(pair);

Answer 13

Answer №7

Just my thoughts :)

(special thanks to Coding Guru for introducing the concept of using JSON.parse )

let nums = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

let parsedNums = JSON.parse(`[${nums}]`).reduce((result, current, index) => {
  if (index===1) return [[result,current]];

  if (index%2 === 0) {
    result.push(current);
  } else {
    let prev = result.pop();
    result.push([prev, current]);
  }

  return result;
});

console.log(parsedNums);

Answer 14

Just my thoughts :)

(special thanks to Coding Guru for introducing the concept of using JSON.parse )

let nums = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

let parsedNums = JSON.parse(`[${nums}]`).reduce((result, current, index) => {
  if (index===1) return [[result,current]];

  if (index%2 === 0) {
    result.push(current);
  } else {
    let prev = result.pop();
    result.push([prev, current]);
  }

  return result;
});

console.log(parsedNums);

Answer 15

Answer №8

Here is my solution.

var points = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

points = points.split(",");

function splitIntoPairs (arr, length) {
  var newArr = [];
  while(arr.length > 0) {
  newArr.push(arr.splice(0,length));
  } 
  return newArr;
}

const result = splitIntoPairs(points, 2);

console.log('result', result);

Answer 16

Here is my solution.

var points = "24,13,47,20,33,9,68,18,99,14,150,33,33,33,34,15,91,10";

points = points.split(",");

function splitIntoPairs (arr, length) {
  var newArr = [];
  while(arr.length > 0) {
  newArr.push(arr.splice(0,length));
  } 
  return newArr;
}

const result = splitIntoPairs(points, 2);

console.log('result', result);

Generate a main array containing nested arrays made up of individual values

Challenge:

Data Input:

Expected Output:

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Answer №8

Similar questions

Achieve a new line break when the user hits the "Enter" key using HTML and JavaScript

Having difficulty showcasing API call results in a Vue.js component

Storing MySql values as Multidimensional Array with PHP: A Comprehensive Guide

Transforming Unix timestamps into readable dates for each entry in a column

Deleting a specific row within a Material UI DataGrid in Reactjs: Tips and tricks

Determine the associated value for a given key within a TypeScript object

What is the best way to incorporate an npm module in a django-admin widget without the need to install node?

Determine the data type of a property within a JavaScript object

Converting HTML table text to JSON data using vanilla JavaScript (without any external libraries like Selenium)

How to extract specific elements from arrays in PHP

The catch-all route handler is triggered following a response being sent by a designated route handler

A guide on transforming a string-formatted array into a standard array

Guide to customizing the default scrollbar colors in Nextjs

When incorporating a JS React component in TypeScript, an error may occur stating that the JSX element type 'MyComponent' is not a valid constructor function for JSX elements

Accessing JavaScript elements from PHP code

AngularJS : "Executing successive promises" with additional functions interspersed

Performing a bulk upsert operation by utilizing the $in operator in the update criteria

Experience the convenience of uploading photos using jQuery Dialog on your ASP.NET MVC website

Establishing a connection between JavaScript and MySQL within an HTML document

Struggling with the navbar-toggler in Bootstrap 4 Beta 2?