Transforming a string into a JavaScript array using regular expressions

Question

Transforming a string into a JavaScript array using regular expressions

Excuse me if this question has already been asked (this is my first time asking). The content of my string looks like this (after removing the whitespace):

"#home #blog description of page here ##article1 ##article2 #contact"

When parsed, it will produce a JSON object:

{
    home: {},
    blog: {
        description: "description of page here",
        pages: { 
            article1: {},
            article2: {}
        }
    },
    contact: {}
}

I am looking to create a function that accepts a string as input and outputs a JSON object. Any suggestions?

Thanks in advance.

javascript regex json

Answer 1

Answer №1

Uncertain about the simplicity of getting this to work, here is a suggested approach :

let str = "#home #blog description of page here ##article1 ##article2 #contact";
let match, result = /(#+)([^# ]+)/g, object = {}, array = [object];
while (match = result.exec(str)) {
  let index = match[1].length - 1;
  array[index+1] = array[index][match[2]] = {};
}

The intended object is o.

Illustration

Please take note that it may not cover all scenarios due to its attempt at being a general parsing solution and the absence of certain keys in your input string (such as "description" and "pages"). Consider it as an initial effort and motivation to establish a more systematic generic format.

Answer 2

Uncertain about the simplicity of getting this to work, here is a suggested approach :

let str = "#home #blog description of page here ##article1 ##article2 #contact";
let match, result = /(#+)([^# ]+)/g, object = {}, array = [object];
while (match = result.exec(str)) {
  let index = match[1].length - 1;
  array[index+1] = array[index][match[2]] = {};
}

The intended object is o.

Illustration

Please take note that it may not cover all scenarios due to its attempt at being a general parsing solution and the absence of certain keys in your input string (such as "description" and "pages"). Consider it as an initial effort and motivation to establish a more systematic generic format.

Transforming a string into a JavaScript array using regular expressions

Answer №1

Similar questions

How can I utilize data retrieved from $http.get in Vue.js once the page has finished loading?

Sending data from JavaScript to PHP in the same function

Is it possible to create an AngularJS and jQuery Calendar Directive that activates by clicking on a Bootstrap glyphicon?

Hide popup in React Semantic UI when clicking on a different popup

What is preventing me from stopping the setInterval using window.clearInterval?

Dependencies for Grunt tasks

Retrieving the final element from a TypeScript JSON array

Failing to retrieve the file instance upon completing the upload process to cloudinary using nestjs

Understanding the Vue lifecycle methods for updating Vuex state

Every other attempt at an Ajax request seems to be successful

Encountering Uncaught Promise Rejection Warning in Node.js

Stop the promise chain when the first error callback is encountered

Navigating Through the DOM with Selenium using XPath Axes

Developing an all-encompassing fetcher with Alamofire for handling both JSON and HTML

Retrieving a function from a JavaScript file located in a publicly accessible directory

Solving regex issues within PHP

React-Native - Issue with TypeError: attempting to call a function that is undefined (specifically when using the 'object.map' method)

Observing a global object's attribute in Angular JS

adjust back side height of flip box does not function on IE web browser

What is the best way to dynamically add a class to the right navigation element in Vue.js when the :class binding only accepts boolean values?