Далее на странице...
Метод slice в Javascript используется и может быть знаком из темы массивов.
С помощью метода slice происходит копирование части массива: нескольких его элементов и формирование из них нового массива.
Со строками метод slice работает аналогично, то есть с его помощью можно из строкового значения переменной скопировать определенное количество символов и поместить их в другую переменную.
Рассмотрим примеры работы метода slice. Как происходит копирование из строки в Javascript?
Метод slice в JavaScript - Копирование символов из строки
Итак, метод slice в JavaScript используется для копирования символов из строки. Посмотрим, как он работает.
Допустим, есть переменная, содержащая URL-адрес сайта: "https://www.webpupil.ru", из которого нужно скопировать только имя домена, то есть часть URL-адреса без указания протокола http:// и без префикса www.
<script type="text/javascript">
var mySite = "https://www.webpupil.ru";
var myDomen = mySite.slice(11); /* Создаем переменную myDomen, в которую копируем всю строку mySite, начиная с символа под номером 11 */
document.write(myDomen + "<p>");
document.write(mySite); /* Исходное значение переменной mySite остается прежним */
</script>
Как видно из примера, метод slice содержит в качестве параметра число 11 - это порядковый номер 4-ой буквы w в URL-адресе "https://www.webpupil.ru" (напомним, что нумерация элементов в строке начинается с 0).
Таким образом, при помощи метода slice, мы скопировали все символы той части строки, которая начинается с 4-ой буквы w, то есть с символа с порядковым номером 11.
Обратите внимание: метод slice не меняет исходного значения строки. Он лишь возвращает измененное значение.
Метод slice имеет 2 параметра
Метод slice может содержать два числовых параметра.
Вернемся к предыдущему примеру и посмотрим, как работает метод slice в этом случае?
<script type="text/javascript">
var mySite = "https://www.webpupil.ru";
var myString = mySite.slice(11,14); /* Создаем переменную myString, в которую копируем символы строки mySite, начиная с символа под номером 11 и до символа под номером 14 НЕ включительно */
document.write(myString + "<p>");
document.write(mySite); /* Исходное значение переменной mySite остается прежним */
</script>
Итак, если метод slice имеет два числовых параметра (в данном случае это числа 11 и 14), то первое число указывает на порядковый номер символа строки, с которого следует начать копирование.
А второе число - это порядковый номер символа строки, до которого следует продолжить копирование. Не включительно.
Таким образом, во втором примере произошло копирование трех символов сроки под номерами 11, 12 и 13, то есть слова «web».