Turn input field value into array of strings

Question

I am working with an API that accepts an array of strings from an input field called #tags. What is the best way to do that? It should also remove any commas between the "tags" and be [] if no tags.

input: tag1, tag2, tag3 becomes: ["tag1", "tag2", "tag3"]

HTML

<input id="tags" type="text" placeholder="tags" name="" value="">

how im currently getting the tag value:

createPost('canvasID',{tags:$('#tags').val()});

myString.split(',') will become ["tag1", "tag2", "tag3"] — Schmalzy
– Schmalzy, Commented Jul 3, 2013 at 14:50

Ionică Bizău · Accepted Answer · 2013-07-03 15:00:58Z

7

Use split function:

var valueInserted = $("#tags").val(); // "tag1,tag2,tag3, "two words""
var tags = valueInserted.split(",");  // ["tag1", "tag2", "tag3", "two words"]

Also, trim() your strings from tags array:

for (var i in tags) {
    tags[i] = tags[i].trim();
}

JSFIDDLE

Or inline, using regex:

 var tags = $('#tags').val().split( /,\s*/ );

JSFIDDLE

Documentation can be found here.

edited Jul 3, 2013 at 15:00

answered Jul 3, 2013 at 14:49

Ionică Bizău

114k95 gold badges311 silver badges490 bronze badges

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

3 Comments

A. Wolff Over a year ago

$.trim() if you wish to support older IE version, anyway +1

Ionică Bizău Over a year ago

@Karl-AndréGagnon Thanks. I prefer to split and then to trim.

Ionică Bizău Over a year ago

@roasted I don't care about IE while I am a Linux fan, but thanks for vote! :-)

go-oleg · Accepted Answer · 2013-07-03 14:55:18Z

1

You can split the string by using a regex that looks for a comma followed by possible whitespace:

var yourArray = $('#tags').val().split( /,\s*/ );

and then

createPost('canvasID',{tags: tagsArray});

edited Jul 3, 2013 at 14:55

answered Jul 3, 2013 at 14:49

go-oleg

19.5k3 gold badges46 silver badges46 bronze badges

Comments

damian · Accepted Answer · 2013-07-03 14:49:36Z

0

Use the split function.

createPost('canvasID',{tags:$('#tags').val().split(',')});

answered Jul 3, 2013 at 14:49

damian

1,4191 gold badge22 silver badges42 bronze badges

Comments

Steve0 · Accepted Answer · 2020-08-29 18:04:56Z

0


   var res = name.replace(/["]+/g, ""); // remove """"               

 

   global with /g
   var resa = res.replace(/[[]+/g, ""); // remove [
   var reso = resa.replace(/[,]+/g, "");// chop            //,,,,,
   str = reso.substring(0, reso.length - 1);//         finally   chop off last ]
// you can chop off all double quotes after

answered Aug 29, 2020 at 18:04

Steve0

238 bronze badges

Collectives™ on Stack Overflow

Turn input field value into array of strings

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related