Organize pairs of strings into a nested array within an array using Angular

Question

Organize pairs of strings into a nested array within an array using Angular

Currently, I am working on a project in Angular. In this project, I have a string that contains special characters which I have successfully removed using regular expressions. Now, my goal is to arrange the first two strings within square brackets and the next two strings in another set of square brackets so they resemble coordinates. The desired output should look like the example below. Can someone please assist me with achieving this functionality?

test: any = "((-1.23568 75.87956), (-1.75682 22.87694))"

This is a snippet of my TypeScript code:


hello()
{
    this.new = ( this.test.replace(/[^\d. -]/g, ''));
    this.newarr = this.new.split(" ");    
    const result =  this.newarr.filter(e =>  e);
}

The current output stored in the result array looks like this:

["-1.23568", "75.87956", "-1.75682", "22.87694"]

However, the desired final output should be:

[ ["-1.23568", "75.87956"], ["-1.75682", "22.87694"] ]

javascript arrays string typescript

Answer 1

Answer №1

One method you could try is using String.match() to extract the groups of coordinates, then applying Array.map() along with String.split() to split them into pairs.

let test = "((-1.23568 75.87956), (-1.75682 22.87694))";
const result = test.match(/[\d.-]+\s[\d.-]+/g).map(s => s.split(/\s/));
console.log('Result:', result);

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

Answer 2

One method you could try is using String.match() to extract the groups of coordinates, then applying Array.map() along with String.split() to split them into pairs.

let test = "((-1.23568 75.87956), (-1.75682 22.87694))";
const result = test.match(/[\d.-]+\s[\d.-]+/g).map(s => s.split(/\s/));
console.log('Result:', result);

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

Answer 3

Answer №2

If you're looking to divide your initial array into portions, one option is to use the Array.prototype.splice() method.

pairs.push(initialArr.splice(0, 2))

You can then iterate through your initial array by dividing its length by two:

See a working demo here

Alternatively, consider updating your logic to extract pairs from your data instead of individual numbers, such as '

'-1.23568 75.87956,-1.75682 22.87694'

'. You can achieve this by splitting the string twice:

split(',') --> ['-1.23568 75.87956', '-1.75682 22.87694']

Then continue by splitting each pair using the space character:

split(' ')

Answer 4

If you're looking to divide your initial array into portions, one option is to use the Array.prototype.splice() method.

pairs.push(initialArr.splice(0, 2))

You can then iterate through your initial array by dividing its length by two:

See a working demo here

Alternatively, consider updating your logic to extract pairs from your data instead of individual numbers, such as '

'-1.23568 75.87956,-1.75682 22.87694'

'. You can achieve this by splitting the string twice:

split(',') --> ['-1.23568 75.87956', '-1.75682 22.87694']

Then continue by splitting each pair using the space character:

split(' ')

Answer 5

Answer №3

One way to simplify complex regex logic is by utilizing the following approach:

const [a1, a2, b1, b2] = ["-1.23568", "75.87956", "-1.75682", "22.87694"]

const result = [[a1, a2], [b1, b2]]

If dealing with more than two pairs, you can do the following:

const array = ["-1.23568", "75.87956", "-1.75682", "22.87694", "-1.33343", "3.34432"]

const result = [];
for(let i = 0; i < array.length; i+=2) {
  result.push(array.slice(i, i+2))
}

Answer 6

One way to simplify complex regex logic is by utilizing the following approach:

const [a1, a2, b1, b2] = ["-1.23568", "75.87956", "-1.75682", "22.87694"]

const result = [[a1, a2], [b1, b2]]

If dealing with more than two pairs, you can do the following:

const array = ["-1.23568", "75.87956", "-1.75682", "22.87694", "-1.33343", "3.34432"]

const result = [];
for(let i = 0; i < array.length; i+=2) {
  result.push(array.slice(i, i+2))
}

Organize pairs of strings into a nested array within an array using Angular

Answer №1

Answer №2

Answer №3

Similar questions

Execute asynchronous code in a Next.js component without relying on the UseEffect hook

Error in TypeScript due to object being undefined

Why does the CLI crash when attempting to retrieve all data from an Oracle Database with JQuery?

From an array to a collection of arrays

Tips for removing elements inserted with before() function

Effortlessly glide to a specific div ID upon page load using the URL address

Landing page experiencing issues with client-side setTimeout functionality

ngx-bootstrap - Convenient time selection tool for forms

Transferring data from one HTML element to another using Angular [Ionic]

Angular 18 mysteriously generating a fake routing error, even though the routes were functioning perfectly before

Troubleshooting the issue with the Angular directive that adds another directive to decorate anchor tags

Creating a mask overlay that covers the entire screen while excluding a specific sibling div

What methods can be employed to maintain a consistent width for a multi-line span that aligns with the content?

Creating a stunning image carousel in Vue by integrating a photo API: step-by-step guide

What is the reason this switch statement functions only with one case?

Eliminating the dependency on Angular $http in a custom JavaScript library

The test may detect a variable that was not initialized

Mozilla puts an end to the default behavior of parent anchor tags

What is the purpose of returning a function in a React Hook?

Retrieve individual items from a list of strings and store them in a new string variable