Remove comma from jQuery array

Question

Problem:

I have an array in JS that looks like this:

["intelligence", "skin", "weight", "volume"]

This is stored in a var called "newListASource". I apply this var to a form and then submit it using POST.

// Form destination
var formUrl     = 'explorer.php',

// Generate the form
$form = $("<form action='"+ formUrl +"' method='post'></form>")
        .append("<input type='hidden' name='Perspective' value='" + newListASource + "'>")
        .append("<input type='hidden' name='form_submitted' value='true'>")
        .appendTo('body');

// Submit the form
$form.submit();

When I pick it up through PHP and print it out, it gives me a string with commas. For instance:

skin,weight,intelligence,volume

Desired output I would like is (with trimmed spaces in the beginning and end):

skin weight intelligence volume

A side question: What did you mean with "pick it up through php"? — Reporter
– Reporter, Commented Nov 20, 2013 at 9:34
@reporter The form is submitted using POST to a PHP page. On that PHP page I echo the POST variable Perspective and I get the values in the form of: skin,weight,intelligence,volume — kexxcream
– kexxcream, Commented Nov 20, 2013 at 9:37

Arun P Johny · Accepted Answer · 2013-11-20 09:18:23Z

5

Since you are using an array use Array.join() with the separator as ' '

"<input type='hidden' name='Perspective' value='" + newListASource.join(' ') + "'>"

answered Nov 20, 2013 at 9:18

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

MD Sayem Ahmed · Accepted Answer · 2013-11-20 09:29:24Z

5

newListASource.join(' ') will give you the desired result -

// Generate the form
$form = $("<form action='"+ formUrl +"' method='post'></form>")
    .append("<input type='hidden' name='Perspective' value='" 
        + newListASource.join(' ') + "'>")
    .append("<input type='hidden' name='form_submitted' value='true'>")
    .appendTo('body');

// Submit the form
$form.submit();

See the doc.

Currently you are getting comma separated values because newListASource.toString() is called whenever you are concatenating your array with a string, and this is the default behavior of toString method for arrays. When you call join, however, it converts your array to a string, separated by the delimiter that you pass to it as argument. So you get values separated by spaces in this case.

edited Nov 20, 2013 at 9:29

answered Nov 20, 2013 at 9:19

MD Sayem Ahmed

29.3k27 gold badges115 silver badges183 bronze badges

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-11-20 09:19:32Z

3

Use .join()

newListASource.join(' ')

answered Nov 20, 2013 at 9:19

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Comments

Jai · Accepted Answer · 2013-11-20 09:28:00Z

2

You can use .join() and $.trim():

// Form destination
var formUrl     = 'explorer.php',
    newListASource = newListASource.join(' ');

then in the form you can change to this:

$.trim(newListASource)

answered Nov 20, 2013 at 9:28

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Pir Abdul · Accepted Answer · 2013-11-20 09:20:08Z

0

 var arr = ["intelligence", "skin", "weight", "volume"];


 var result = ary.join(',');

answered Nov 20, 2013 at 9:20

Pir Abdul

2,3721 gold badge28 silver badges35 bronze badges

Comments

Suvash sarker · Accepted Answer · 2013-11-20 09:21:02Z

0

Simply like that:

arr.join("")

answered Nov 20, 2013 at 9:21

Suvash sarker

3,1451 gold badge21 silver badges23 bronze badges

Comments

nl-x · Accepted Answer · 2013-11-20 09:58:50Z

0

What you can also do is just send the array as an array!

var formUrl     = 'explorer.php';
var $form = $("<form action='"+ formUrl +"' method='post'></form>")
    .append("<input type='hidden' name='form_submitted' value='true'>")
    .appendTo('body');
while(newListASource.length)
    $form.append($("<input type='hidden' name='Perspective[]' value=''>").val(newListASource.shift()));
$form.submit();

Php will then actually have an array inside $_POST['Perspective']. (Beware the input name is now Perspective[ ] to indicate it will be an array.)

edited Nov 20, 2013 at 9:58

answered Nov 20, 2013 at 9:53

nl-x

11.9k7 gold badges36 silver badges67 bronze badges

Collectives™ on Stack Overflow

Remove comma from jQuery array

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related