459

How can I convert a string to a JavaScript array?

Look at the code:

var string = "0,1";
var array = [string];
alert(array[0]);

In this case alert shows 0,1. If it where an array, it would show 0. And if alert(array[1]) is called, it should pop-up 1

Is there any chance to convert such string into a JavaScript array?

4

17 Answers 17

803

For simple array members like that, you can use JSON.parse.

var array = JSON.parse("[" + string + "]");

This gives you an Array of numbers.

[0, 1]

If you use .split(), you'll end up with an Array of strings.

["0", "1"]

Just be aware that JSON.parse will limit you to the supported data types. If you need values like undefined or functions, you'd need to use eval(), or a JavaScript parser.


If you want to use .split(), but you also want an Array of Numbers, you could use Array.prototype.map, though you'd need to shim it for IE8 and lower or just write a traditional loop.

var array = string.split(",").map(Number);
13
  • 6
    Also be aware that JSON.parse(); is not available in IE6, IE7. I think in this case the String.split(','); is easier.
    – scunliffe
    Nov 7, 2012 at 15:15
  • @scunliffe: True, a shim would be needed, or one could take the jQuery approach to shim it var array = (new Function("return [" + string + "];"))(). Using .split() is alright if Numbers aren't needed, otherwise you'd need to map the result. Nov 7, 2012 at 15:18
  • 14
    @Downvoter: Try to describe what is wrong with the answer so that I can demonstrate how you're wrong. Nov 7, 2012 at 15:59
  • @I Hate Lazy This doesnt support object string.see here stackoverflow.com/a/32657055/2632619
    – Andi AR
    Sep 18, 2015 at 16:41
  • @FarzadYZ Be careful with that (using eval). If the array contains values from client side input this will be insecure.
    – Wilt
    May 9, 2016 at 12:01
160

Split it on the , character;

var string = "0,1";
var array = string.split(",");
alert(array[0]);
103

This is easily achieved in ES6;

You can convert strings to Arrays with Array.from('string');

Array.from("01")

will console.log

['0', '1']

Which is exactly what you're looking for.

8
  • 3
    This is awesome. I moved my code from JSON.parse to Array.from as am using ES6. Thank you Ray Kim Sep 27, 2016 at 7:49
  • 1
    This is NOT supported in any version of IE. be careful
    – 29er
    Apr 28, 2017 at 16:43
  • 3
    But Array.from("0, 1, 233") will return ["0", ",", " ", "1", ",", " ", "2", "3", "3"], what if I want [0, 1, 233] ?
    – Tina Chen
    Jun 20, 2017 at 7:04
  • 1
    bad solution! more info seeing https://github.com/gildata/RAIO/issues/116#issuecomment-325901359
    – user8202629
    Aug 30, 2017 at 8:16
  • 29
    This is converting every single character as an array element. But we need only comma separated strings to be array elements. So not a valid solution. Sep 28, 2017 at 7:23
78

If the string is already in list format, you can use the JSON.parse:

var a = "['a', 'b', 'c']";
a = a.replace(/'/g, '"');
a = JSON.parse(a);
0
29

Convert all type of strings

var array = (new Function("return [" + str+ "];")());



var string = "0,1";

var objectstring = '{Name:"Tshirt", CatGroupName:"Clothes", Gender:"male-female"}, {Name:"Dress", CatGroupName:"Clothes", Gender:"female"}, {Name:"Belt", CatGroupName:"Leather", Gender:"child"}';

var stringArray = (new Function("return [" + string+ "];")());

var objectStringArray = (new Function("return [" + objectstring+ "];")());

JSFiddle https://jsfiddle.net/7ne9L4Lj/1/

Result in console

enter image description here

Some practice doesnt support object strings

- JSON.parse("[" + string + "]"); // throw error

 - string.split(",") 
// unexpected result 
   ["{Name:"Tshirt"", " CatGroupName:"Clothes"", " Gender:"male-female"}", "      {Name:"Dress"", " CatGroupName:"Clothes"", " Gender:"female"}", " {Name:"Belt"",    " CatGroupName:"Leather"", " Gender:"child"}"]
2
  • Great function I also use it but unfortunately it does NOT work for strings or symbols: like e.g. "0,s" any ideas how to fix that?
    – sqp_125
    Aug 31, 2017 at 12:48
  • 1
    @sqp_125 try 0,'s' ?
    – Unreality
    Nov 23, 2017 at 6:28
23

For simple array members like that, you can use JSON.parse.

var listValues = "[{\"ComplianceTaskID\":75305,\"RequirementTypeID\":4,\"MissedRequirement\":\"Initial Photo Upload NRP\",\"TimeOverdueInMinutes\":null}]";

var array = JSON.parse("[" + listValues + "]");

This gives you an Array of numbers.

now you variable value is like array.length=1

Value output

array[0].ComplianceTaskID
array[0].RequirementTypeID
array[0].MissedRequirement
array[0].TimeOverdueInMinutes
20

You can use split

Reference: http://www.w3schools.com/jsref/jsref_split.asp

"0,1".split(',')

0
19

Another option using the ES6 is using Spread syntax.

var convertedArray = [..."01234"];

var stringToConvert = "012";
var convertedArray  = [...stringToConvert];
console.log(convertedArray);

1
  • 2
    Awesome! Along with Array.from answer they should be the only answers for ES6 solutions. Jun 2, 2017 at 8:42
12

use the built-in map function with an anonymous function, like so:

string.split(',').map(function(n) {return Number(n);});

[edit] here's how you would use it

var string = "0,1";
var array = string.split(',').map(function(n) {
    return Number(n);
});
alert( array[0] );
5
  • 1
    This is the most generally applicable answer. JSON can not be used for arbitrary delimiters (e.g. tab, space, etc) Feb 2, 2016 at 23:33
  • 1
    This won't work when your array values are string values that possible have a comma inside. For example: "123, 'a string with a , comma', 456". You could use a more complex regex to handle such cases correctly (for example something like suggested here).
    – Wilt
    May 9, 2016 at 12:06
  • @Wilt well no it wouldn't, but yeah you could use regex to fix that Feb 14, 2018 at 20:21
  • 2
    I didn't mean to criticize your answer, but I wrote this because I used your solution and ran into this issue myself. Thought of leaving the comment for others possibly running into similar problems.
    – Wilt
    Feb 15, 2018 at 17:53
  • 2
    Could be shortened as follows string.split(',').map(Number)
    – ya.teck
    May 28, 2022 at 16:55
5

I remove the characters '[',']' and do an split with ','

let array = stringObject.replace('[','').replace(']','').split(",").map(String);
5

You can use javascript Spread Syntax to convert string to an array. In the solution below, I remove the comma then convert the string to an array.

var string = "0,1"
var array = [...string.replace(',', '')]
console.log(array[0])
4

More "Try it Yourself" examples below.

Definition and Usage The split() method is used to split a string into an array of substrings, and returns the new array.

Tip: If an empty string ("") is used as the separator, the string is split between each character.

Note: The split() method does not change the original string.

var res = str.split(",");
2

Regexp

As more powerful alternative to split, you can use match

"0,1".match(/\d+/g)

let a = "0,1".match(/\d+/g)

console.log(a);

1

Split (",") can convert Strings with commas into a String array, here is my code snippet.

    var input ='Hybrid App, Phone-Gap, Apache Cordova, HTML5, JavaScript, BootStrap, JQuery, CSS3, Android Wear API'
    var output = input.split(",");
    console.log(output);

["Hybrid App", " Phone-Gap", " Apache Cordova", " HTML5", " JavaScript", " BootStrap", " JQuery", " CSS3", " Android Wear API"]

1

var i = "[{a:1,b:2}]",
    j = i.replace(/([a-zA-Z0-9]+?):/g, '"$1":').replace(/'/g,'"'),
    k = JSON.parse(j);

console.log(k)

// => declaring regular expression

[a-zA-Z0-9] => match all a-z, A-Z, 0-9

(): => group all matched elements

$1 => replacement string refers to the first match group in the regex.

g => global flag

-1

Why don't you do replace , comma and split('') the string like this which will result into ['0', '1'], furthermore, you could wrap the result into parseInt() to transform element into integer type.

it('convert string to array', function () {
  expect('0,1'.replace(',', '').split('')).toEqual(['0','1'])
});
-1

Example using Array.filter:

var str = 'a,b,hi,ma,n,yu';

var strArr = Array.prototype.filter.call(str, eachChar => eachChar !== ',');

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