How to replace space with "%20" in javascript "for" statement?

Question

I have this script from a google blog. Into for statement I want to add a part of code that replace space with "%20". My problem is that I can't imagine the syntax. Any idea? Thank you!

//<![CDATA[

    function showLabels(json){
        var label = json.feed.category;
        document.write('<div id="filters" class="portfolioSection">');
        document.write('<div>');
        document.write('<ul>');

        document.write('<li class="title">LABELS:</li>');
        document.write('<li><a class="current" href="#Blog1" data-filter="*">All</a></li>');
        document.write('<li><a class="no_labels" href="#Blog1" data-filter=".no-labels">no labels</a></li>');

        for (var i = 0; i < label.length; i++){
            document.write('<li><a href="#Blog1" data-filter=".' + label[i].term + '">' + label[i].term + '</a></li>');
        }

        document.write('<span class="show_ico icon-remove"/>');
        document.write('</ul>');
        document.write('</div>');
        document.write('</div>');
    }   

    document.write('<scr' + 'ipt src="' + HomePageUrl + '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels"><\/scr' + 'ipt>');
//]]>

Edited: Spaces located in label[i].term into for statement. It contains label's name from a google blog. For example label can be Test Label. With space doesn't work when someone click on it cause url looks like this http://www.sitename.net/search/label/Test Label. What I want to do is to replace the space so it will look like this http://www.sitename.net/search/label/Test%20Label.

where the space exists? is it in label[i].term or HomePageUrl or ..? — Amr Elgarhy, Jul 14 '15 at 19:23
Can you show you i/p and o/p sample, sorry I'm confused a bit. — Sudhansu Choudhary, Jul 14 '15 at 19:23
possible duplicate of [Encode URL in JavaScript?](http://stackoverflow.com/questions/332872/encode-url-in-javascript) — helmbert, Jul 14 '15 at 20:14
@AmrElgarhy & Sudhansu Choudhary: I added additional info, please take a look now. — Simon, Jul 15 '15 at 08:07

score 6 · Answer 1 · answered Jul 14 '15 at 19:22

6

I literally just did this yesterday. If you want to replace spaces, the easiest way is:

var sentence = "This is a sentence"
sentence.split(" ").join("%20");

answered Jul 14 '15 at 19:22

whatoncewaslost

2,216
2
17
25

Thank you for your answer but how can I put this in my `for` statement? – Simon Jul 15 '15 at 08:09

JBux · Accepted Answer · 2015-07-14T19:26:04.097

6

Why not:

string.replace(/ /g, '%20')

Edited to fix.

edited Jul 14 '15 at 19:26

answered Jul 14 '15 at 19:23

JBux

1,394
8
17

1

This will only replace the first space – Tom Jul 14 '15 at 19:24
Tom you're right, my bad! Fixed. – JBux Jul 14 '15 at 19:26
@JBux: And how can I put this in my `for` statement? – Simon Jul 15 '15 at 08:09
1

label[i].term.replace(/ /g, '%20') where you have just label[i].term – JBux Jul 15 '15 at 08:50

score 3 · Answer 3 · answered Jul 14 '15 at 19:25

3

var str = "";
// label is the string you want to modify
for (var i = 0; i < label.length; i++) {
      if (label.charAt(i) == ' ') {
           str += "%20";
      } else {
           str += label.charAt(i);
      }
}

answered Jul 14 '15 at 19:25

could anybody explain the downvotes? – Jul 14 '15 at 21:07
I haven't down voted, but I imagine people would be because this seems a very slow way to go about the problem. It's not a wrong answer, just not the best one. – JBux Jul 14 '15 at 22:37
1

@JBux, he wanted to use a "`for` statement"... – Jul 15 '15 at 05:57
1

I think he meant he wanted the solution to be inside the `for` statement inside his posted code. – JBux Jul 15 '15 at 06:56

How to replace space with "%20" in javascript "for" statement?

3 Answers3