Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite
1

I have an array in jQuery, and I'm using $.each() to loop through the array. I'm trying to find a way to compile a URL link using the values in the array

var selectArr = ["numbers123", "more_array_values", "etc", "more"];
            $.each(selectArr,function(k,v){
                k++;
                alert('fid'+k+'='+v);
            });

This works,

But I would like to somehow get it so it'll be like

var url = fid1=numbers123&fid2=more_array_values&fid3=etc ...

This way, I can use url and append it to a <a href=''>

Thanks!

share|improve this question

2 Answers

up vote 1 down vote accepted

Try this

var selectArr = ["numbers123", "more_array_values", "etc", "more"];
var parts = [];
$.each(selectArr,function(k,v){
    parts.push('fid'+(k+1)+'='+v)
});
var url = parts.join('&');

Demo: Fiddle

You can clean up the answer by using the jQuery.map function as Felix said

I would recommend using that method over mine.

share|improve this answer
 
this one gives me the exact url i was looking for, thanks! –  andrewliu Feb 9 at 3:11
 
@FelixKling it was done after my answer was accepted and he said your was not working. I corrected the mistake in your answer and put remarks saying it was yours. Sorry for it and I've removed it –  Arun P Johny Feb 9 at 3:26
 
Thanks for informing me to use @FelixKling, but I'd accept your answer because it gave me no trouble at the moment, and his reputation is higher than yours! I'll give you some slack :) –  andrewliu Feb 9 at 15:01
up vote 3 down vote

With some creative application of jQuery.map and the array method .join:

var url = $.map(selectArr, function(v,k) {
    // encodeURIComponent makes the value "URL safe"
    return 'fid' + (k + 1) + '=' + encodeURIComponent(v);   
}).join('&');
share|improve this answer
 
for some reason the equal sign doesn't fall into the right place –  andrewliu Feb 9 at 3:10
 
Oh, it's because in $.map the arguments are in reverse order (v, k, not k, v). Fixed. –  Felix Kling Feb 9 at 3:13
 
Thank you! I gave Arun P Johny some slack because you have great reputation!! I'll use your code :) thanks for helping! –  andrewliu Feb 9 at 15:02
 
@andrewliu: No problem :) –  Felix Kling Feb 9 at 15:07

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.