Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Selected Reading
How do I split a string, breaking at a particular character in JavaScript?
JavaScript's split() method breaks a string into an array at every occurrence of a specified character or substring. This is useful for parsing data, processing text, or formatting output.
Syntax
string.split(separator, limit)
Parameters
separator: The character or string to split on
limit: (Optional) Maximum number of splits to make
Basic Example
Let's split a string at every tilde (~) character:
<!DOCTYPE html>
<html>
<body>
<h2>String Split Example</h2>
<script>
let text = "This is demo text 1!~This is demo text 2!~This is demo text 3!";
console.log("Original string:", text);
// Split the string at every ~
let parts = text.split('~');
console.log("After split:", parts);
// Display in HTML with line breaks
document.getElementById('output').innerHTML = parts.join('<br>');
</script>
</body>
</html>
Original string: This is demo text 1!~This is demo text 2!~This is demo text 3! After split: ["This is demo text 1!", "This is demo text 2!", "This is demo text 3!"]
Different Separators
You can split on any character or string:
// Split on comma
let csv = "apple,banana,orange";
console.log(csv.split(','));
// Split on space
let sentence = "Hello world JavaScript";
console.log(sentence.split(' '));
// Split on multiple characters
let data = "item1::item2::item3";
console.log(data.split('::'));
["apple", "banana", "orange"] ["Hello", "world", "JavaScript"] ["item1", "item2", "item3"]
Using the Limit Parameter
let text = "one,two,three,four,five";
// Split into maximum 3 parts
console.log(text.split(',', 3));
// Split into maximum 2 parts
console.log(text.split(',', 2));
["one", "two", "three"] ["one", "two"]
Edge Cases
// Empty string separator splits every character
console.log("hello".split(''));
// Separator not found returns original string in array
console.log("hello".split('x'));
// Empty string
console.log("".split(','));
["h", "e", "l", "l", "o"] ["hello"] [""]
Practical Use Cases
| Use Case | Separator | Example |
|---|---|---|
| CSV parsing | ',' |
"name,age,city".split(',') |
| Path segments | '/' |
"/home/user/docs".split('/') |
| Word extraction | ' ' |
"hello world".split(' ') |
| Line breaks | ' |
"line1\nline2".split(' |
Conclusion
The split() method is essential for string processing in JavaScript. It converts strings into arrays, making data manipulation easier. Remember that it returns an array, even when no splits occur.
Updated on: 2026-03-15T21:47:49+05:30
275 Views
Advertisements