When building or maintaining an interactive website, it may happen that the input you get from the user can be correct in meaning, but written as a long string separated by special characters such as commas or semicolons. In these cases, JavaScript string split functions come to the rescue. You can split the long string into small ones and save them as an array.<\/p>\n
Here’s how you can do that.<\/p>\n
[ulp id=’tCIwOngQUb3zSUuF’]<\/p>\n
You can split a string using the First, we have declared a string variable which contains some random names (you can use whatever string you want). Then we used the The delimiter argument to this method is optional, which means that if you leave it blank, the method will split the string after it finds a NULL character. Practically, it means that your string will not be divided.<\/p>\n What is often called the reverse of the We have declared and given string values to an array, and then used the If you omit the joint character in this method, a comma will be used instead.<\/p>\n This is how you split or join strings using JavaScript.<\/p>\n This was an example of string split in JavaScript.<\/p>\nsplit()<\/code> method. It takes a delimiter as a variable, which can be either a comma, a semicolon, a quotation mark, or whatever special character that is used to separate the string. You can use it like this:<\/p>\n\r\nvar namelist = "Anne,Ben,Cindy,Diane,Era ";\r\n\r\nvar nameArray = namelist.split(',');\r\n<\/pre>\nsplit()<\/code> method on the string, by placing a comma as a delimiter. That means that the string will be divided into one more string than the number of the commas, and these will be respectively the strings before and after each comma. The result of the previous example will be this:<\/p>\n\r\nnameArray=['Anne','Ben','Cindy','Diane','Era'];\r\n<\/pre>\n
The join() method<\/h2>\n
split()<\/code> method is the join()<\/code> method. It is used to put together into one single string the elements of an array, using a delimiter as a joint. The code snippet below will show you how exactly it is used:<\/p>\n\r\nvar array = ['This','is','an','apple.'];\r\n\r\nvar sentence= array.join(' ');\r\n<\/pre>\njoin()<\/code> method on this array to turn it into a single string, using a blank space as a joint.
\nThe result will be this:<\/p>\n\r\nsentence="This is an apple.";\r\n<\/pre>\n
Download the source code<\/h2>\n