Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Поиск в строке - indexOf и lastIndexOf Метод slice - Копирование из строки charAt и charCodeAt - Возвращаем символ и КОД символа

Метод slice объекта String в JavaScript - Копирование символов из строки

Свойства и методы строковых объектов - Объект String

Урок №4 Метод slice - Копирование из строки

Количество просмотров: 512

В рамках этого сайта метод slice уже встречался в теме Массивов.

Напомним: с помощью метода slice мы копировали часть массива (несколько его элементов) и формировали из них новый массив.

Метод slice в JavaScript - Копирование символов из строки

Метод slice в JavaScript - Копирование символов из строки

Для объекта String метод slice работает аналогично тому, как он работает с массивами.

То есть с его помощью можно из строкового значения переменной скопировать определенное количество символов и поместить их в другую переменную.

Рассмотрим на примере работу метода slice.

Допустим, есть переменная, содержащая URL-адрес сайта:

<script type="text/javascript">

var mySite = "http://www.webpupil.ru";

</script>

И, например, нам нужно из строки "http://www.webpupil.ru" скопировать только имя домена, то есть часть URL-адреса без указания протокола http:// и без www.

<script type="text/javascript">

var mySite = "http://www.webpupil.ru";

var myDomen = mySite.slice(11); /* Создаем переменную myDomen, в которую копируем всю строку mySite, начиная с символа под номером 11 */

document.write(myDomen);

document.write(mySite); /* Исходное значение переменной mySite остается прежним */

</script>

Как видно из примера, метод slice содержит в качестве параметра число 11 - это порядковый номер 4-ой буквы w в URL-адресе http://www.webpupil.ru (напомним, что нумерация элементов в строке начинается с 0).

Таким образом, при помощи метода slice, мы скопировали все символы той части строки, которая начинается с 4-ой буквы w, то есть с символа с порядковым номером 11.

Обратите внимание: метод slice не меняет исходного значения строки. Он лишь возвращает измененное значение переменной.

Метод slice - Копирование символов из строки - 2 параметра

Метод slice - Копирование символов из строки - 2 параметра

Метод slice может содержать два числовых параметра.

Вернемся к предыдущему примеру и что мы увидим в этом случае?

<script type="text/javascript">

var mySite = "http://www.webpupil.ru";

var myString = mySite.slice(11,14); /* Создаем переменную myString, в которую копируем символы строки mySite, начиная с символа под номером 11 и до символа под номером 14 НЕ включительно */

document.write(myString);

document.write(mySite); /* Исходное значение переменной mySite остается прежним */

</script>

Итак, если метода slice имеет два числовых параметра (в данном случае это числа 11 и 14), то первое число указывает на порядковый номер символа строки, с которого следует начать копирование.

А второе число - это порядковый номер символа строки, до которого следует продолжить копирование. Не включительно!!!

Таким образом, во втором примере мы скопировали три символа сроки под номерами 11, 12 и 13, то есть слово «web».

Домашнее задание - Метод slice объекта String

Домашнее задание - Метод slice объекта String

И, как в большинстве уроках, выполним Домашнее задание по пройденному материалу - «Метод splice объекта String в JavaScript - Копирование символов из строки».

Решите эту задачу самостоятельно...

 

У вас есть строка var myStr = "Хороший день.";

Ваша задача поместить слово "день" из этой строки в переменную day с помощью метода slice.

Вывести эту переменную на экран.

<script type="text/javascript">

var myStr = "Хороший день.";

var day = myStr.slice(8,12);

document.write(day);

</script>

Главная Изучаем JavaScript Метод slice - Копирование из строки charAt и charCodeAt - Возвращаем символ и КОД символа

Ваши комментарии к уроку:

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

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru