How to split string without getting empty values to the output array

Question

I am using split function to split my string /value/1

var value = "/value/1/";

var arr = value.split("/");

in result I will get an array with 4 elements "", "value", "1", ""; But I really need the nonempty values in the output array. Is there any way to produce an array base on my input string but array without blank elements?

My string could be /value/1/ /value/1 /value/ /value basically I am precessing http request.url.

Answer 1

Try using Array#filter.

var arr = value.split("/").filter(function (part) { return !!part; });

Or the same shorter version as Tushar suggested.

var arr = value.split("/").filter(Boolean);

Answer 2

You can use match with regex.

str.match(/[^\/]+/g);

The regex [^\/]+ will match any character that is not forward slash.

function getValues(str) {
  return str.match(/[^\/]+/g);
}

document.write('<pre>');
document.write('<b>/value/1/</b><br />' + JSON.stringify(getValues('/value/1/'), 0, 4));
document.write('<br /><br /><b>/value/1</b><br />' + JSON.stringify(getValues('/value/1'), 0, 4));
document.write('<br /><br /><b>/value/</b><br />' + JSON.stringify(getValues('/value/'), 0, 4));
document.write('<br /><br /><b>/value</b><br />' + JSON.stringify(getValues('/value'), 0, 4));
document.write('</pre>');