Remove string starting with certain character

Question

I am manipulating some content that I receive from an API. At the end of the main text field, The api sometimes returns the string below:

@@canvas-link@@{"type":"doc","fileName":"xyzv2.jpg","fileExt":"jpg",
         "fileSize":"232352",
               "file":"405957767101","downloadUrl":"dummytext"}

What is the best way to remove this string from the main text field?

Answer 1

str = str.replace(/@@canvas-link@@.*/, '');

Answer 2

If you're sure it's at the end, this version is fastest ;

s.substring(0, s.lastIndexOf("@@canvas-link@@")) ; // FASTER than most

but updated Just for fun, I've another variant using slice() which is slightly faster in this test even than substring() .

s.slice(0,s.lastIndexOf("@@canvas-link@@")); // FASTEST

Here's a jsPerf which shows them beating both RegEx and split. Although I'm surprised split wasn't quicker.

However, your mileage may vary, and for more complex scenarios I'd expect RegEx (replace) to come out on top.

Answer 3

Improving Joseph Silbers,

str = str.replace(/@@canvas-link@@{.*}/, '');

To make sure it doesn't remove anything after.

Answer 4

You could use a regular expression, but a split() will avoid complications with carriage returns.

var str = 'foobar@@canvas-link@@{"type":"doc","fileName":"xyzv2.jpg","fileExt":"jpg",
     "fileSize":"232352",
           "file":"405957767101","downloadUrl":"dummytext"}';
var data = str.split('@@canvas-link@@')[0];
console.log(data);

>> foobar