How to hide the end of a string after a certain character, with javascript or jquery

Question

I have a string that will sometimes include a hyphen (-) and sometimes won't. When the string contains a hyphen, I want to remove or hide the hyphen and any text that comes after it.

For instance, 'john' would be rendered 'john'. And 'john-hops-over-the-candlestick' would also be rendered 'john'.

Answer 1

You can use a simple regular expression replacement

myString.replace(/-.*$/, '')

For example

var myString = 'john';

alert('"' + myString + '" becomes "' + myString.replace(/-.*$/, '') + '"');

myString = 'john-hops-over-the-candlestick';

alert('"' + myString + '" becomes "' + myString.replace(/-.*$/, '') + '"');