JavaScript replace string and comma if comma exists else only the string

Question

I got a string like:

var string = "string1,string2,string3,string4";

I got to replace a given value from the string. So the string for example becomes like this:

var replaced = "string1,string3,string4"; // `string2,` is replaced from the string

Ive tried to do it like this:

var valueToReplace = "string2";
var replace = string.replace(',' + string2 + ',', '');

But then the output is:

string1string3,string4

Or if i have to replace string4 then the replace function doesn't replace anything, because the comma doens't exist.

How can i replace the value and the commas if the comma(s) exists? If the comma doesn't exists, then only replace the string.

can string2 be first or last? Or is it always in the middle? — baklazan
– baklazan, Commented Aug 9, 2017 at 10:26

baklazan · Accepted Answer · 2017-08-09 10:53:34Z

3

Modern browsers

var result = string.split(',').filter( s => s !== 'string2').join(',');

For older browsers

var result = string.split(',').filter( function(s){ return s !== 'string2'}).join(',');

First you split string into array such as ['string1', 'string2', 'string3', 'string4' ]

Then you filter out unwanted item with filter. So you are left with ['string1', 'string3', 'string4' ]

join(',') convertes your array into string using , separator.

edited Aug 9, 2017 at 10:53

answered Aug 9, 2017 at 10:30

baklazan

8196 silver badges13 bronze badges

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

9 Comments

Phylogenesis Over a year ago

I know I wrote exactly this as a comment, but to be a good answer, it should really include an explanation of how it works.

Red Over a year ago

It works, one more question. Whats the oldschool JavaScript version of this one? In IE this doens't work..

Phylogenesis Over a year ago

Which version of IE is the minimum acceptable version for you?

Red Over a year ago

@Phylogenesis 9

Phylogenesis Over a year ago

Then something like string.split(',').filter(function (s) { return s !== 'string2'; }).join(','); should work?

|

Suresh Atta · Accepted Answer · 2017-08-09 10:40:00Z

2

Split the string by comma. You get all Strings as an array and remove the item you want. Join back them by comma.

var string = "string1,string2,string3,string4";
var valueToReplace = "string2";
var parts = string.split(",");
parts.splice(parts.indexOf(valueToReplace), 1);
var result = parts.join(",");
console.log(result);

answered Aug 9, 2017 at 10:40

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

Comments

Djaouad · Accepted Answer · 2017-08-09 10:30:59Z

1

You only need to replace one of the two commas not both, so :

var replace = string.replace(string2 + ',', '');

Or :

var replace = string.replace(',' + string2, '');

You can check for the comma by :

if (string.indexOf(',' + string2)>-1) {
    var replace = string.replace(',' + string2, '');
else if (string.indexOf(string2 + ',', '')>-1) {
    var replace = string.replace(string2 + ',', '');
} else { var replace = string.replace(string2,''); }

edited Aug 9, 2017 at 10:30

answered Aug 9, 2017 at 10:26

Djaouad

22.8k4 gold badges37 silver badges57 bronze badges

2 Comments

Red Over a year ago

Yes, but what if ive to replace string4? then the comma doens't exist at the end and the replace doenst replace anything.

Djaouad Over a year ago

You can check as mentioned above.

ihpar · Accepted Answer · 2017-08-09 10:29:05Z

0

You should replace only 1 comma and also pass the correct variable to replace method such as

var string = "string1,string2,string3,string4";
var valueToReplace = "string2";
var replaced = string.replace(valueToReplace + ',', ''); 
alert(replaced);

answered Aug 9, 2017 at 10:29

ihpar

6764 silver badges15 bronze badges

Comments

Ivan Mladenov · Accepted Answer · 2017-08-09 10:31:28Z

0

You can replace the string and check after that for the comma

var replace = string.replace(string2, ''); 
if(replace[replace.length - 1] === ',')
{
    replace = replace.slice(0, -1);
}

answered Aug 9, 2017 at 10:31

Ivan Mladenov

1,74415 silver badges16 bronze badges

Comments

ATUL SHARMA · Accepted Answer · 2017-08-09 10:55:36Z

0

You can use string function replace();

eg:

var string = "string1,string2,string3,string4";
var valueToReplace = ",string2";
var replaced = string.replace(valueToReplace,'');

or if you wish to divide it in substring you can use substr() function;

var string = "string1,string2,string3,string4";
firstComma = string.indexOf(',')
var replaced = string.substr(0,string.indexOf(','));
secondComma = string.indexOf(',', firstComma + 1)
replaced += string.substr(secondComma , string.length);

you can adjust length as per your choice of comma by adding or subtracting 1.

answered Aug 9, 2017 at 10:55

ATUL SHARMA

1842 silver badges12 bronze badges

Comments

not_python · Accepted Answer · 2017-08-09 10:57:07Z

0

str = "string1,string2,string3"
tmp = []
match = "string3"
str.split(',').forEach(e=>{
    if(e != match)
        tmp.push(e)
})
console.log(tmp.join(','))

okay i got you. here you go.

edited Aug 9, 2017 at 10:57

answered Aug 9, 2017 at 10:42

not_python

9126 silver badges13 bronze badges

1 Comment

baklazan Over a year ago

What if its last item?

Suresh M Sidy · Accepted Answer · 2017-08-09 11:17:12Z

0

Your question is - How can i replace the value and the commas if the comma(s) exists?

So I'm assuming that string contains spaces also.

So question is - how can we detect the comma existence in string?

Simple, use below Javascript condition -

var string = "string1 string2, string3, string4";
var stringToReplace = "string2";
var result;

if (string.search(stringToReplace + "[\,]") === -1) {
  result = string.replace(stringToReplace,'');
} else {
  result = string.replace(stringToReplace + ',','');
}

document.getElementById("result").innerHTML = result;

<p id="result"></p>

answered Aug 9, 2017 at 11:17

Suresh M Sidy

1131 silver badge11 bronze badges

Collectives™ on Stack Overflow

JavaScript replace string and comma if comma exists else only the string

8 Answers 8

9 Comments

Comments

2 Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

9 Comments

Comments

2 Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related