jQuery find and replace with arrays

Question

I need to search an input's value for all street abbreviations and replace with appropriate suffix. This is what I have so far:

jQuery('#colCenterAddress').val(function(i,val) {
    var f = ['Rd','St','Ave'];
    var r = ['Road','Street','Avenue'];
    return val.replace(f,r);
});

Thoughts?

That is not a valid javascript invocation of replace. It's not particularly internationalisable. It's client side work, which is easily circumvented. You need to ensure that each match is preceded by whitespace and succeeded by a non word character. — Rich O'Kelly
– Rich O'Kelly, Commented Jan 16, 2012 at 14:36

3 revs user1106925 · Accepted Answer · 2012-01-16 14:50:45Z

14

You need to iterate the f Array, and try each replace separately.

jQuery('#colCenterAddress').val(function(i,val) {
    var f = ['Rd','St','Ave'];
    var r = ['Road','Street','Avenue'];
    $.each(f,function(i,v) {
        val = val.replace(new RegExp('\\b' + v + '\\b', 'g'),r[i]);
    });
    return val;
});

DEMO: http://jsfiddle.net/vRTNt/

If this is something you're going to do on a regular basis, you may want to store the Arrays, and even make a third Array that has the pre-made regular expressions.

var f = ['Rd','St','Ave'];
var r = ['Road','Street','Avenue'];

var re = $.map(f, function(v,i) {
    return new RegExp('\\b' + v + '\\b', 'g');
});

jQuery('#colCenterAddress').val(function(i,val) {
    $.each(f,function(i,v) {
        val = val.replace(re[i],r[i]);
    });
    return val;
});

DEMO: http://jsfiddle.net/vRTNt/1/

edited Jan 16, 2012 at 14:50

community wiki

3 revs
user1106925

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

Comments

gen_Eric · Accepted Answer · 2012-01-16 14:44:45Z

0

One way to do this, is to loop through the val string, and if you see a word in the f array, replace it with its counterpart in the r array.

jQuery('#colCenterAddress').val(function(i,val) {
    var f = ['Rd','St','Ave'];
    var r = ['Road','Street','Avenue'];
    var valArray = val.split(' ');
    $.each(valArray, function(i,v){
       var inF = $.inArray(v, f);
       if(inF !== -1){
         valArray[i] = v.replace(f[inF], r[inF]);
       }
    });
    return valArray.join(' ');
});

answered Jan 16, 2012 at 14:44

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

RonnyKnoxville · Accepted Answer · 2012-01-16 15:10:00Z

0

var valArray = val.split(" ");

for(x = 0; x < valArray.length; x++){
    for(y = 0; y < r.length; y ++){
        if (valArray[x] == f[y]){
            valArray[x] = r[y];
        } 
     }
}
return valArray

You could always turn the array back into a string for the return if you like.

Demo: http://jsfiddle.net/vRTNt/12/

edited Jan 16, 2012 at 15:10

answered Jan 16, 2012 at 14:41

RonnyKnoxville

6,43410 gold badges50 silver badges80 bronze badges

Collectives™ on Stack Overflow

jQuery find and replace with arrays

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related