Split string with in javascript

Split String in JavaScript: A Complete Guide (with Examples)

This guide teaches you how to split strings in JavaScript.

How to Split a String in JavaScript?

In JavaScript, the string type has a built-in method called split(). You can use this method to split a string by a specific separator, such as a blank space or a dash. This method places the split string parts into an array.

For example, let’s split a string into parts based on dashes between the words:

const message = "my-car-looks-cool" parts = message.split("-") console.log(parts)

Notice that the split() method doesn’t touch the original string. This means the original string remains as it was before splitting. As a matter of fact, all the JavaScript string methods operate on a copy of a string and none of them modifies the original one.

Now you know the basic idea behind the String.split() method in JavaScript. But let’s take a closer look at the syntax, its variations, as well as some more examples.

Deep Dive: JavaScript String.split() Method

In total, there are three ways for calling the String.split() method in JavaScript:

split() split(separator) split(separator, limit)

1. If you do split() without arguments, no split will take place but the result is the original string wrapped inside an array.
2. If you do split(separator) with a separator argument, the method splits the string based on the separator values.
3. If you call split(separator, limit) with a separator and limit arguments, the method splits the string based on the separators until it has performed a number of splits indicated by the limit parameter.

All the above use cases return the same result: An array of split substrings.

Notice that the separator can be a string or a regular expression. To split strings in more sophisticated ways, regular expressions can help. For instance, you can split a string by email addresses or phone numbers with regular expressions. Even though this probably wouldn’t make any sense, it highlights the power of regular expressions.

⚠️ Regular expressions are a powerful pattern-matching tool in JavaScript and other programming languages. I highly recommend reading my comprehensive guide to regular expressions.

Anyway, let’s see some examples of splitting the strings. These examples cover all the different syntaxes mentioned above as well as a regular expression example.

Example 1: String.split()

If you don’t specify any arguments to the split() method, it returns the original string inside an array.

For example, let’s call the split() method without any arguments:

const message = "my car looks cool" parts = message.split() console.log(parts)

As you can see, no split took place. Instead, the result is the original string inside an array. Not a particularly useful action!

Example 2: String.split(separator) with String Separator

The most common use case for calling the split() method is by calling it by specifying a separator string. This way the method splits the string based on separator values.

For example, let’s split the string based on empty spaces:

const message = "This is nothing but a test of splitting strings" parts = message.split(" ") console.log(parts)

[ 'This', 'is', 'nothing', 'but', 'a', 'test', 'of', 'splitting', 'strings' ]

Example 3: String.split(separator) with Regular Expressions

Sometimes you might need to split the strings based on a pattern, rather than a particular string. In this case, you need to use a regular expression.

For example, let’s split the string by either “+“, “@“, or “/” as a separator:

const message = "my+car@looks/cool" parts = message.split(/\+|@|\//g) console.log(parts)

Notice that if you are not familiar with regular expressions, you can’t make much out of the above example. But basically, the message.split(/\+|@|\//g) runs a global regular expression //g and matches with:

If you read the guide about regular expressions, all of this will make more sense.

Example 4: String.split(separator, limit)

Last but not least, you might sometimes need to limit the number of splits. In other words, you might want to split a string by a separator value but only up until the first n substrings. In this case, you can specify the limit as the second argument to the split() call.

For example, let’s only split the first three strings separated by “+”:

const message = "my+car+looks+cool+or+does+it?" parts = message.split("+", 3) console.log(parts)

Notice that this method doesn’t return the rest of the strings. It only returns the split values up until that limit you specified.

Summary

Today you learned how to split strings in JavaScript.

To take home, JavaScript strings have a built-in split() method. This method splits the string based on a separator strings. The result of this method call is an array of substrings. There are three ways you can call the split() method:

Where the separator can be a string or a regular expression. The limit is the number of splits you want to do. The most common way to call the split() method is by using the String.split(separator) approach.

Thanks for reading. Happy coding!

Read Also

Источник

split()

split() — метод разбивает строку на массив строк используя для этого заданный разделитель.

Синтаксис

separator — условие по которому будет разделена строка. В качестве разделителя может выступать строковый литерал или регулярное выражение. Также можно использовать специальные символы, например перевод строки, кавычки или юникод. Параметр является необязательным.

limit — количество элементов, которые должен вернуть метод. Параметр необязательный, если пропустить в массив попадут все подстроки. Если задать, то split() все-равно разделит всю строку по разделителям, но возвратит только указанное количество.

При нахождении разделителя метод удаляет separator и возвращает подстроку.

Если задать в качестве разделителя пустое значение » , тогда каждый символ строки запишется в отдельный элемент массива.

Если при записи split() пропустить separator , то метод вернет массив с одним элементом, который будет содержать всю строку.

Разбить строку по разделителю

 let mySkills = 'Native JavaScript-React-HTML-CSS' mySkills = mySkills.split('-', 2) console.log(mySkills) 

Результатом будет массив с двумя элементами: Native JavaScript и React

Разбить строку на символы

 let myDream = 'Хочу стать frontend разработчиком' let allSymbols = myDream.split('') for (let n = 0; n

Здесь мы разделили строку myDream с помощью split(») , задав в качестве separator пустое значение. Все это записали в allSymbols — теперь там массив, где каждый элемент это символ нашей строки. Далее используя цикл for вывели в console все символы — каждый с новой строки.

Разбить строку используя регулярное выражение

 let topProgramLang = 'JavaScript-Python-Java-C++,PHP,C,C#' topProgramLang = topProgramLang.split(/,|-/) console.log(topProgramLang) 

/,|-/ в этом регулярном выражении мы указали разделители, которые необходимо учесть — запятая и дефис. В итоге получаем массив, где перечислены все языки программирования указанные изначально.

Вывести символы строки в обратном порядке

 let importanceSkills = 'React,TypeScript,CSS,HTML,JavaScript' importanceSkills = importanceSkills.split(',') importanceSkills = importanceSkills.reverse() importanceSkills = importanceSkills.join(', ') console.log(importanceSkills) 

Для того, чтобы решить эту задачу нам понадобятся еще два метода reverse() и join() . Первый перевернет массив, а второй объединит элементы в строку. В итоге получим в console JavaScript, HTML, CSS, TypeScript, React

Сумма элементов массива

 let numForSum = '1,2,5,10,392,19,3,10' numForSum = numForSum.split(',') let sumNum = 0 for (let n = 0; n < numForSum.length; n++) < sumNum += +(numForSum[n]) >console.log(sumNum) 

Выполняя подобные задачи стоит помнить, что метод split() записывает данные в массив в формате строки, поэтому перед тем, как складывать элементы необходимо сначала привести их к числу. Здесь это сделано с помощью + перед выражением. Также можно воспользоваться функцией Number(numForSum[n]) .

Итого

1. Метод split() делит строку по разделителю и записывает все в массив.

2. В получившемся массиве, элементы хранятся в формате текст.

3. В параметрах метода, первым свойством задается разделитель, вторым ограничение на вывод элементов. Оба параметра не обязательны.

Skypro — научим с нуля

Источник

JavaScript String split()

The split() method splits a string into an array of substrings.

The split() method returns the new array.

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

If (» «) is used as separator, the string is split between words.

See Also

Syntax

Parameters

Parameter	Description
separator	Optional. A string or regular expression to use for splitting. If omitted, an array with the original string is returned.
limit	Optional. An integer that limits the number of splits. Items after the limit are excluded.

Return Value

More Examples

Split a string into characters and return the second character:

Use a letter as a separator:

If the separator parameter is omitted, an array with the original string is returned:

Related Pages

Browser Support

split() is an ECMAScript1 (ES1) feature.

ES1 (JavaScript 1997) is fully supported in all browsers:

Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

COLOR PICKER

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials

Top References

Top Examples

Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник