In Typescript, you can easily group a string into sections that consist of digits like 345-67, along with text containing a

Question

In Typescript, you can easily group a string into sections that consist of digits like 345-67, along with text containing a

I have a string that looks like this: "[111-11] text here with digits 111, [222-22-22]; 333-33 text here" and I am trying to parse it so that I can extract the code [111-11], [222-22-22], [333-33] along with their respective text descriptions. The challenge is that the splitting pattern for the codes is not fixed except for the format xxx-xx or xxx-xx-xx.

I attempted to solve this issue using a specific method but encountered difficulties in extracting the digits from the description part. Using \D captures anything that is not a digit.

let text = "[111-11] text here with digits 111, [222-22-22]; 333-33 text here";
let codes=[];
let result = text.replace(/(\d{3}(-\d{2})+)(\D*)/g,(str, code, c, desc) =>  {      
        desc = desc.trim().replace(/[\[\]']+/g,'');   
       if (code) codes.push({'code':code.trim(),'desc': desc});
        return str;
    }); //parse and split codes

My desired outcome is structured as follows:

[{code:'111-11', desc:'text here with digits 111'},
{code:'222-22-22', desc:''},
{code:'333-33', desc:'text here'}]

Your assistance in solving this problem would be greatly appreciated.

javascript typescript split

Answer 1

Answer №1

To extract values enclosed in brackets from a string and organize them into objects, you can use regex to match the bracketed values along with the surrounding text. By employing a positive lookahead for either another bracket or the end of the string, you can effectively destructure the matched strings and store them as desired objects.

const regex = /\[?(\d{3}(-\d\d)+)\]?(.*?)(?=\[?\d{3}(-\d\d)+\]?|$)/gm;
const str = `[111-11] text here with digits 111, [222-22-22]; 333-33 text here`;
var m,
    code, desc,
    result= [];

while ((m = regex.exec(str)) !== null) {
    // This is necessary to avoid infinite loops with zero-width matches
    if (m.index === regex.lastIndex) {
        regex.lastIndex++;
    }        
    ({ 1: code, 3: desc } = m);
    result.push({ code, desc })
}
console.log(result);

Answer 2

To extract values enclosed in brackets from a string and organize them into objects, you can use regex to match the bracketed values along with the surrounding text. By employing a positive lookahead for either another bracket or the end of the string, you can effectively destructure the matched strings and store them as desired objects.

const regex = /\[?(\d{3}(-\d\d)+)\]?(.*?)(?=\[?\d{3}(-\d\d)+\]?|$)/gm;
const str = `[111-11] text here with digits 111, [222-22-22]; 333-33 text here`;
var m,
    code, desc,
    result= [];

while ((m = regex.exec(str)) !== null) {
    // This is necessary to avoid infinite loops with zero-width matches
    if (m.index === regex.lastIndex) {
        regex.lastIndex++;
    }        
    ({ 1: code, 3: desc } = m);
    result.push({ code, desc })
}
console.log(result);

Answer 3

Answer №2

Here's another method to solve the problem:

const Separator = ','
const PatternSeparator = /[,;]/g
// Ignore spaces at the beginning, extract numbers (ignoring brackets if present), and capture the remaining text
const PatternPart = /^\s*\[?(\d{3}(-\d{2})+)]?(.*)$/


const source =
  "[111-11] text here with digits 111, [222-22-22]; 333-33 text here"

const parseSource = src => {
  // Normalize the source by replacing separators with a specific character
  const normalizedSrc = src.replace(PatternSeparator, Separator)

  return normalizedSrc.split(Separator).reduce((acc, part) => {
    // Extract code and description from each part
    const [_, code, __, desc] = part.match(PatternPart)

    // Store extracted data in an array
    return [
      ...acc,
      {code, desc}
    ]
  }, [])
}

console.log(parseSource(source))

;)

Answer 4

Here's another method to solve the problem:

const Separator = ','
const PatternSeparator = /[,;]/g
// Ignore spaces at the beginning, extract numbers (ignoring brackets if present), and capture the remaining text
const PatternPart = /^\s*\[?(\d{3}(-\d{2})+)]?(.*)$/


const source =
  "[111-11] text here with digits 111, [222-22-22]; 333-33 text here"

const parseSource = src => {
  // Normalize the source by replacing separators with a specific character
  const normalizedSrc = src.replace(PatternSeparator, Separator)

  return normalizedSrc.split(Separator).reduce((acc, part) => {
    // Extract code and description from each part
    const [_, code, __, desc] = part.match(PatternPart)

    // Store extracted data in an array
    return [
      ...acc,
      {code, desc}
    ]
  }, [])
}

console.log(parseSource(source))

;)

In Typescript, you can easily group a string into sections that consist of digits like 345-67, along with text containing a

Answer №1

Answer №2

Similar questions

The disappearance of the final element in an array after adding a new one using JavaScript

What is the best way to ensure that this jQuery window has a minimum size?

Guide on how to showcase JSON data using vanilla JavaScript within the Laravel framework

The functionality of the webservice is not functioning properly

Pattern to identify a JSON string with Regular Expressions

Utilizing a child component in React to trigger a function on its sibling component

What is the source of the compiler options in tsconfig.json?

Unleashing the power of dynamic data imports in a Node.js application

A guide on switching out an HTML element with an AJAX response

Saving the output of mySQL queries on the client side for later use in subsequent requests

JavaScript function for automatic scrolling to the bottom of the page is not functioning as expected

javascript creating a module to extend a nested object

JavaScript causes the browser to freeze

What is the equivalent of defining conditional string types in Typescript similar to flow?

Exploring the fundamentals of Express.js code base

Restore the initial content of the div element

Using GreenSock to animate and manipulate the tween function's parameters

Decipher complex JSON structures

Are you familiar with the Pagination and Card Components offered by Ant Design (antd)?

Identify all div elements with a specific class within the parent div