Javascript gets a substring between two character sets

Question

I have the following line:

var myString = '<p><i class="someclass"></i><img scr="somesource"/><img class="somefunnyclass" id="{{appName}}someExtraStuff.fileExt"/><span class="someclass"></span></p>';

how can i get someExtraStuff.fileExt section with the smallest code ?

should i do indexOf {{appName}}and then until next ? "/>

Answer 1

You can find the pattern {{appName}}and take all characters that are not quotes. Then take the second match item.

var string = '<p><i class="someclass"></i><img scr="somesource"/><img class="somefunnyclass" id="{{appName}}someExtraStuff.fileExt"/><span class="someclass"></span></p>',
    substring = (string.match(/\{\{appName\}\}([^"]+)/) || [])[1]

console.log(substring);

Run codeHide result

Answer 2

You can do this in three ways.

// 1 option For single match

var regex = /\{\{appName\}\}([^"]+)/;
var myString = '<p class="somefunnyclass" id="{{appName}}someExtraStuff.fileExt"/>';
console.log(myString.match(regex)[1]);

// 2 For several matches

var regex = /\{\{appName\}\}([^"]+)/g;
var myString = '<p class="somefunnyclass" id="{{appName}}someExtraStuff.fileExt"/>';
var temp;
var resultArray = [];
while ((temp = regex.exec(myString)) != null) {
    resultArray.push(temp[1]);
}
console.log(resultArray);

// 3 for parameter indexOf

var firstIndex= myString.indexOf("{{appName}}");
var lastIndex =firstIndex+ myString.substring(firstIndex).indexOf('"/>')
var finalString = myString.substring(firstIndex,lastIndex).replace("{{appName}}","");
console.log(finalString);