"Utilizing Regular Expressions and For Loops to Manipulate Strings: Splitting and

Question

"Utilizing Regular Expressions and For Loops to Manipulate Strings: Splitting and

I am struggling to create a regular expression that can transform a string formatted like

(person,item(bought,paid),shipping(address(city,state)))

into a different format like this:

person
item
* bought
* paid
shipping
* address
** city
** state

My current knowledge of regular expressions is not sufficient for this task. I attempted the following approach, but it is not going to work:

var stg = "(person,item(bought,paid),shipping(address(city,state)))"
var separators = [' ', '\"\\\(', '\\\)\"', ','];
  stg = stg.split(new RegExp(separators.join('|'), 'g'));

Note: the structure of the string can change. My aim is to start a child element with * when a ( is encountered and close it when ). This might require a loop with conditional statements.

javascript regex string for-loop

Answer 1

Answer №1

One option is to create your own custom iterator:

str = '(person,item(bought,paid),shipping(address(city,state)))';
counter = -1;
// Split and iterate
str.split(/([(,)])/).filter(Boolean).forEach(function(element) {
    if (element.match(/^[^(,)]/)) {
    console.log("*".repeat(counter) + ((counter > 0) ? ' ' : '') + element)
    } else if (element == '(') {
    counter++;
    } else if (element == ')') {
    counter--;
    }
});

Answer 2

One option is to create your own custom iterator:

str = '(person,item(bought,paid),shipping(address(city,state)))';
counter = -1;
// Split and iterate
str.split(/([(,)])/).filter(Boolean).forEach(function(element) {
    if (element.match(/^[^(,)]/)) {
    console.log("*".repeat(counter) + ((counter > 0) ? ' ' : '') + element)
    } else if (element == '(') {
    counter++;
    } else if (element == ')') {
    counter--;
    }
});

Answer 3

Answer №2

Here is a clever way to achieve this using just one replace method:

str='person,item(bought,paid),shipping(address(city,state))';

var asterisks = '';
var result = str.replace(/(\()|(\))|,/g, (match, openP, closingP) => {
    if (openP) {
        return '\n' + (asterisks += '*');
    }
    if (closingP) {
        asterisks = asterisks.slice(1);
        return '';
    }
    // else: it is a comma
    return '\n' + asterisks;
});

console.log(result);

Answer 4

Here is a clever way to achieve this using just one replace method:

str='person,item(bought,paid),shipping(address(city,state))';

var asterisks = '';
var result = str.replace(/(\()|(\))|,/g, (match, openP, closingP) => {
    if (openP) {
        return '\n' + (asterisks += '*');
    }
    if (closingP) {
        asterisks = asterisks.slice(1);
        return '';
    }
    // else: it is a comma
    return '\n' + asterisks;
});

console.log(result);

Answer 5

Answer №3

Why not consider using a JSON format rather than a multiline string? Here's the code:

var regex = /\((.*?)\,(.*?)\((.*?),(.*?)\),(.*?)\((.*?)\((.*?),(.*?)\)\)\)/;
var string = '(person,item(bought,paid),shipping(address(city,state)))';

var matches = string.match(regex)

var resultString = matches[1] + "\n";
resultString += matches[2] + "\n" ;
resultString += "* " + matches[3] + "\n" ;
resultString += "* " + matches[4] + "\n" ;
resultString += matches[5] + "\n" ;
resultString += "* " + matches[6] + "\n" ;
resultString += "** " + matches[7] + "\n" ;
resultString += "** " + matches[8];

console.log(resultString);

Answer 6

Why not consider using a JSON format rather than a multiline string? Here's the code:

var regex = /\((.*?)\,(.*?)\((.*?),(.*?)\),(.*?)\((.*?)\((.*?),(.*?)\)\)\)/;
var string = '(person,item(bought,paid),shipping(address(city,state)))';

var matches = string.match(regex)

var resultString = matches[1] + "\n";
resultString += matches[2] + "\n" ;
resultString += "* " + matches[3] + "\n" ;
resultString += "* " + matches[4] + "\n" ;
resultString += matches[5] + "\n" ;
resultString += "* " + matches[6] + "\n" ;
resultString += "** " + matches[7] + "\n" ;
resultString += "** " + matches[8];

console.log(resultString);

"Utilizing Regular Expressions and For Loops to Manipulate Strings: Splitting and

Answer №1

Answer №2

Answer №3

Similar questions

The entire component is not displayed in Vue

Learn how to retrieve specific user information from a JSON file by implementing a button click feature within a custom directory using Angular.js

Reloading the table columns in a JSP page with a click of the refresh button on every row using AJAX and JavaScript

Transforming BufferGeometry to Geometry using FBXLoader within the Three.js library

Error: Encountered an unexpected token F while trying to make a POST request using $http.post and Restangular

Script tag in NextJS

Python code for arranging the output in numerical sequence

Can someone please provide me with a Javascript code snippet that accomplishes the same function

"Unlocking the Power of mediaElementjs: Easy Steps to Accessing the Player Instance

Vue Deep Watcher fails to activate when the data is altered

Automatically trigger a popup box to appear following an AJAX request

Initiate a jQuery modal dialogue box

Unlock the Power of TWBS Ratchet: Manually Closing Modal Windows

I am encountering an issue where the useState hook is returning an undefined value on separate components, even after

How can jQuery retrieve a string from a URL?

Mastering the map() function in Vue.js 2

Having trouble with npm global installation? Encountering the error message "Error: EACCES: permission denied

Cookie-powered JavaScript timer ceases after 60 seconds

Tips on updating route and content dynamically without triggering a page reload while ensuring search engine indexing compatibility

jQuery - easily adjust wrapping and unwrapping elements for responsive design. Perfect for quickly undo