Введение

В этой статье мы рассмотрим три метода JavaScript: Split(), Reverse() и Join(). Эти методы полезны для работы со строками и выполнения таких задач, как переворачивание текста или изменение порядка слов.

Предварительные условия

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

Метод разделения()

Метод Split() разбивает строку на массив на основе указанного разделителя, который передается в качестве аргумента. Разделитель сообщает программе, где «разрезать» строку. Например, если у вас есть такое предложение, как «Это прекрасный бутерброд», и вы хотите разбить его на отдельные слова, вы можете использовать пробел (' ') в качестве разделителя.

const string = "This is a lovely sandwich";
const splitString = string.split(" ");

Когда вы указываете пробел (' ') в качестве аргумента, код ищет этот пробел в строке и «разбивает» строку при каждом появлении. При этом создается массив, где каждое слово становится отдельным элементом.

Результат приведенного выше кода:

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]

Неплохо, правда?

Вы можете использовать любой разделитель. Например, если у вас есть строка с дефисом типа «привет-как дела!» и вы хотите разделить его дефисами, просто используйте «-» в качестве разделителя:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

const hyphen = "привет-как дела!"; const SplitHyphen = hyphen.split("-");

В результате:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

Array(6)

Этот метод открывает множество возможностей для манипулирования строками. Но теперь вы можете подумать:

Хорошо, это здорово, но я начал со строки, а теперь у меня есть массив. Как мне вернуть свою строку?

Перейдем к следующему методу.

Метод join()

Метод join() можно использовать для массива, чтобы превратить его обратно в строку. Как и в случае с функцией Split(), метод join() принимает аргумент, указывающий, как объединить элементы массива. Разница в том, что вместо разрыва строки метод join() использует аргумент для объединения элементов массива обратно в одну строку.

Например, используя ранее созданный массив SplitHyphen, вы можете объединить его обратно в строку, указав пробел в качестве аргумента:

const joinedString = splitHyphen.join(" ");

const joinString = SplitHyphen.join(" ");

В результате:

const joinedString = splitHyphen.join(" ");

"Привет, как дела!"

Это похоже на волшебство! Теперь ваш массив преобразуется обратно в строку с пробелами между каждым словом.

Обратный метод()

Методverse() изменяет порядок элементов в массиве на противоположный тому, который был. Этот метод вызывается непосредственно в массиве, без каких-либо аргументов, и просто меняет порядок элементов на обратный.

Например, если вы хотите поменять местами элементы в массиве SplitHyphen, вы можете сделать это:

const joinedString = splitHyphen.join(" ");

const revedArray = SplitHyphen.reverse();

Результат:

const joinedString = splitHyphen.join(" ");

const reversedString = reversedArray.join(" ");

const перевернутаяСтрока = перевернутыйArray.join(" ");

"doing! you are how there hi"

"делаешь! ты такой, привет"

Прикольно, правда?

Заключение

---

В этой статье мы рассмотрели три основных метода JavaScript: Split(), Reverse() и join(). Мы рассмотрели, как они работают вместе, манипулируя строками и массивами, гибко преобразуя их. Надеюсь, это поможет вам в вашем путешествии по JavaScript и вдохновит на дальнейшие эксперименты!

Спасибо, что читаете! Если у вас есть какие-либо вопросы или вы хотите поделиться своими мыслями о манипулировании строками в JavaScript, напишите мне в Твиттере @km_fsdev.