«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript



Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Метод 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».



Читайте также...



Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Объект String
Метод slice - Копирование из строки
2674
Свойство length - Число символов в строке
2884
Практическая задача - Свойство length
1284
Регистр строки - toUpperCase и toLowerCase
23070
Практическая задача - Методы toUpperCase и toLowerCase
1427
Поиск совпадений в строке - Методы indexOf и lastIndexOf
2821
Практическая задача - Методы indexOf и lastIndexOf
1400
Практическая задача - Метод slice
1463
Методы charAt и charCodeAt - Возвращаем символ и КОД символа
9527
Практическая задача - Методы charAt и charCodeAt
2787
Метод search - Регулярные выражения
2127
Регулярные выражения - Начало и Конец строки
1958
Практическая задача - Регулярные выражения
1166
Метод match - Возвращает массив из совпадений - Глобальный поиск g
3056
Поиск сайта в строке
1437
Практическая задача с кредитной картой
1751
Метод replace - Замена совпадений
4316
Практическая задача - Метод replace
1979
Метод trim в - Удаление пробелов в начале и конце строки
5929
Метод substring - Извлекает часть строки
1029
Метод split в JavaScript - Разделитель строки
1898

Тематические публикации
Популярные заметки
Последние заметки