Delete part of string between { and | in JavaScript [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 5 years ago.

Improve this question

Currently I am getting strings that look like this:

I like {{Pizza|Pasta}} for breakfast.

I want to manipulate strings in JS so that they only contain the part after the '|' so that the sentence would be

I like Pasta for breakfast.

So far this piece of code has brought me a fair end.

str.replace(/\{\{.*?\|.*?\}\}/g, "");

But if I have a string like:

I eat {{bread}} and {{cereal|yoghurt}} for breakfast.

The results is:

I eat yoghurt for breakfast.

But I want:

I eat bread and yoghurt for breakfast.

So far I have tried this with regex. But it doesn't seem to replace anything.

str.replace(/\{\{.*((?!]).).*?\|(.*?)\}\}/g, "");

What have you tried, and what exactly is the problem with it? — jonrsharpe
– jonrsharpe, Commented Jun 1, 2020 at 18:29
I have tried splitting at the '|' the string and deleting the first part, but then I have the problem that I delete things that I don't want to delete, in the example the 'I like' part — Koen
– Koen, Commented Jun 1, 2020 at 18:37
Does this answer your question? Remove part of string between two indexOf in javascript — Heretic Monkey
– Heretic Monkey, Commented Jun 1, 2020 at 18:38

Thomas · Accepted Answer · 2020-06-02 16:21:02Z

0

This is the perfect use case for a regular expression. You could use one to find all occurances of {{...|...}} and replace them with the part between | and }}

let string = "I like {{Pizza|Pasta}} for breakfast and {{Pasta|Pizza}} for lunch."

console.log(string.replace(/\{\{.*?\|(.*?)\}\}/g, "$1"));

And there they are, multiple placeholders :D

thanks for the help but I unfortunately have another problem. If I have the string "I eat {{bread}} and {{yoghurt|cereal}} for breakfast" it will results in "I eat cereal for breakfast, but I don't want the bread part to disappear.

It does that, because here you have changed the pattern for the placeholder. From exactly {{...|...}} (what the regex above covers) to a |-sperated list of entries inside of the {{...}}.

There are basically two ways to go about this.

Change the regex to reflect that that list:

let string = "I eat {{bread}} and {{yoghurt|cereal}} for breakfast"

console.log(string.replace(/{{(?:.*?\|)*?([^|]*?)}}/g, "$1"));

Or the we go a bit simpler with the regex and let a function deal with its content:

let string = "I eat {{bread}} and {{yoghurt|cereal}} for breakfast"

console.log(string.replace(
  // the placeholder is simply `{{....}}`
  /{{(.*?)}}/g, 
  // the function takes the content between `{{` and `}}` 
  // splits it by `|` and returns the last item
  (match, content) => content.split("|").pop()
));

edited Jun 2, 2020 at 16:21

answered Jun 1, 2020 at 18:43

Thomas

12.8k1 gold badge16 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Koen Over a year ago

This works perfectly for me! Thank you.

Saadi Toumi Fouad Over a year ago

You dont need to escape curely braces, nether you need to add the interogation mark, it can be just console.log(string.replace(/{{.*\|(.*)}}/g, "$1"));

Thomas Over a year ago

@SaymoinSam I'm surprised about the curly braces because they are used for intervals /\d{3,5}/ and therefore a syntax element imo. But you seem to be right. "... nether you need to add the interogation mark" nor do you need the g flag. Unless you want to support multiple matches. And then you get in trouble with greedy .* selectors. Without the interogation marks, the regex will match everything from the first {{ to the last }} as a single match.

Saadi Toumi Fouad Over a year ago

Ah I didnt see the global modifier g

Thomas Over a year ago

No problem. It wasn't a requirement by OP, but from personal experience, it won't take long untill it will become a requirement. And it was simply too simple to include.

|

Gurami Nikolaishvili · Accepted Answer · 2020-06-01 18:37:44Z

-1

Try this one:

var text = '{{Pizza|Pasta}}';
var replaced = text.replace('{{','').replace('}}','').split('|')[1];
var final = 'I like '+replaced+' for breakfast';
console.log(final);

answered Jun 1, 2020 at 18:37

Gurami Nikolaishvili

1929 bronze badges

Collectives™ on Stack Overflow

Delete part of string between { and | in JavaScript [closed]

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related