Replacing filename with a Regex in JavaScript

Question

I need to replace a button using a Regex in JavaScript and was wondering how to do this. I know how to grab the src of the button, but I need to take the filename and either add some text "-next" or remove "-next", based on two options that can be toggled. Here are the two different file names:

/images/button.png
/images/button-next.png

Any help would be greatly appreciated.

Sounds like you may want to use CSS here but without a complete example I can't be sure. Can you post a more realistic example of a) the text you have and b) the text you want in both instances? — Josh M., Mar 16 '11 at 20:43

score 2 · Accepted Answer · answered Mar 16 '11 at 20:47

2

To insert a -next before the final dot, you could do

result = subject.replace(/(?=\.[^.]+$)/g, "-next");

To remove a -next before the final dot:

result = subject.replace(/-next(?=\.[^.]+$)/g, "");

answered Mar 16 '11 at 20:47

Tim Pietzcker

313,408
56
485
544

Justin Morgan · Answer 2 · 2011-03-16T20:51:09.247

0

That looks to me like what you need is pretty simple:

if (addingNext) {
    return str.replace(/\.png$/i, '-next.png');
} else {
    return str.replace(/-next\.png$/i, '.png');
}

edited Mar 16 '11 at 20:51

answered Mar 16 '11 at 20:45

Justin Morgan

28,775
12
76
104

score 0 · Answer 3 · answered Mar 16 '11 at 20:46

0

if (url.match(/-next/))
    newUrl = url.replace("-next.", ".");
else newUrl = url.replace(".", "-next.");

answered Mar 16 '11 at 20:46

kim3er

6,170
4
39
66

score 0 · Answer 4 · answered Mar 16 '11 at 20:50

0

function toggle(img){
    if(img.src.match(/-next\.[^\.]+$/)){
        img.src=img.src.replace(/\.[^\.]+$/,'-next$&');
        return true;
    }
    img.src=img.src.replace(/-next(\.[^\.]+)$/,'$1');
    return true;
}

Works on any file extension.

answered Mar 16 '11 at 20:50

Shad

14,384
2
20
34

score 0 · Answer 5 · answered Mar 16 '11 at 20:52

0

var src1 = "/images/button.png";
var src2 = "/images/button-next.png";

src1 = src1.replace(/\.(\w+)/, "-next.$1");
src2 = src2.replace("-next", "");

answered Mar 16 '11 at 20:52

amit_g

29,985
8
58
117

score -1 · Answer 6 · answered Mar 16 '11 at 20:48

var str = "/images/button.png";
    var idx = str.lastIndexOf('.');
    var replValue = "-next";
    var newStr = str.substring(0,idx) + replValue +
str.substring(idx);

There are probably more efficient ways, but that would work. You'd also want to test for no . found. You can also use a regex but that is more explicit.

Replacing filename with a Regex in JavaScript

6 Answers6

Linked