JAVASCRIPT - HOW TO Split a Split to Return Multiple Substrings - Javascript Source Code

JAVASCRIPT - HOW TO Split a String, and Then Split Each Array Item to Return Multiple Substrings.

Home Short:

If you have a string where you wish to extract multiple substrings from it, you can use a special double split trick. An example of where this might be useful in Javascript, lets say you have a Json response from a web server you wish to parse, such as the example in the textbox below.

Now even though Javascript has built in functions for dealing with decoding and handling Json responses, we are using a Json response in this example for sake of example.

Let say we wish to extract all the text that can be found between "query":" and ","search_types".

When we have successfully accomplished this via Javascript double split function, the following will be returned:

wood carved animals
wood carved applique
wood carved art
wood carved arch
wood carved address sign

Using the above example text in the above textbox, to use this function to extract the text we wish in Javascript:

let thetext = '{"query":"wood carved animals","search_types":[],"search_type_names":[]},{"query":"wood carved applique","search_types":[],"search_type_names":[]},{"query":"wood carved art","search_types":[],"search_type_names":[]},{"query":"wood carved arch","search_types":[],"search_type_names":[]},{"query":"wood carved address sign","search_types":[],"search_type_names":[]}';

// [arrDblSplit] WILL HOLD DESIRED EXTRACTED TEXT RETURNED FROM DOUBLE SPLIT FUNCTION
var arrDblSplit = funcDblSplit(thetext);

/////////////////////////////////////////////////////////////////
// THIS FUNCTION WILL RETURN AN ARRAY CONTAIN THE EXTRACTED TEXT
/////////////////////////////////////////////////////////////////
function funcDblSplit(textToDblSplit){
  const myArray = new Array();
  let leftpart = '"query":"';
  let rightpart = '","search_types"';

// SPLIT AT RIGHT PART 
  let subs = textToDblSplit.split(rightpart);

if(subs.length > 0){
      for (let i = 0; i < subs.length; i++) {
      
          // MAKE SURE LEFT PART IS IN [subs[i]] TO AVOID ERROR
          if(subs[i].includes(leftpart)){
               let desiredText = subs[i].split(leftpart)[1].trim();
 
               if (desiredText.length > 0){
                    // ADD EXTRACTED TEXT ITEM TO ARRAY
                    myArray.push(desiredText);
               }
          }
      }
  }
  
  return myArray;
}

Try this Javascript code for double split return multiple substrings for yourself.

source code home