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

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

Статьи для сайтов!!!
Регистр строки - toUpperCase и toLowerCase Поиск в строке - indexOf и lastIndexOf Метод slice - Копирование из строки

Методы indexOf и lastIndexOf в JavaScript - Поиск совпадений в строке

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

Урок №3 Поиск в строке - indexOf и lastIndexOf

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

Рассмотрим еще два метода, которые работают со строками - это методы indexOf и lastIndexOf. Они предназначены для поиска в строке совпадений с каким-либо образцом.

Для примера возьмем произвольную строку:

<script type="text/javascript">

var anyString = "Кто сказал Мяу-Мяу";

</script>

Допустим, что нам нужно выяснить - есть ли в этой строке слово «Мяу».

Метод indexOf в JavaScript - Поиск совпадения с начала строки

Метод indexOf в JavaScript - Поиск совпадения с начала строки

В этом нам поможет метод indexOf(). При этом в качестве его параметра следует указать искомое слово.

Метод indexOf() возвращает результат, который для наглядности можно вывести на экран. Смотрим пример...

<script type="text/javascript">

var anyString = "Кто сказал Мяу-Мяу";

document.write(anyString.indexOf("Мяу")); /* Ищем совпадение, начиная с начала строки */

</script>

В данном случае в результате исполнения кода Вы увидите число 11. Что это значит?

Это значит, что буква М слова «Мяу», которое мы ищем в общей фразе (строке) имеет порядковый номер 11.

Таким образом, метод indexOf возвращает позицию, с которой начинается совпадение. При этом отсчет ведется с 0.

Если же Мы будем искать несуществующее слово (набор символов) в строке, то метод indexOf в качестве результата своей работы вернет -1.

<script type="text/javascript">

var anyString = "Кто сказал Мяу-Мяу";

document.write(anyString.indexOf("Гав")); /* Ищем совпадение, начиная с начала строки */

</script>

Метод lastIndexOf в JavaScript - Поиск совпадения с конца строки

Метод lastIndexOf в JavaScript - Поиск совпадения с конца строки

Обратите внимание: в примере выше два слова «Мяу». В то время как метод indexOf выдал нам только одну позицию - 11 - ту, которая ближе к началу строки.

Здесь мы подошли к методу lastIndexOf. Для чего же нужен он?

Метод lastIndexOf ищет в строке совпадение, начиная с ее конца. Вернемся к примеру:

<script type="text/javascript">

var anyString = "Кто сказал Мяу-Мяу";

document.write(anyString.lastIndexOf("Мяу")); /* Ищем совпадение, начиная с конца строки */

</script>

Теперь в результате исполнения кода Вы увидите число 15. Это говорит о том, что в строке есть ещё одно слово "Мяу", которое ближе к концу строки и которое начинается с позиции номер 15.

Обратите внимание: метод lastindexOf ищет в строке совпадение с каким-либо образцом, начиная с ее конца. Но отсчет позиции ведется все также с начала строки.

Домашнее задание - Методы indexOf и lastIndexOf в JavaScript

Домашнее задание - Методы indexOf и lastIndexOf в JavaScript

Теперь решите самостоятельно задачу по пройденному уроку «Методы indexOf и lastIndexOf в JavaScript».

У вас есть переменная var mySite = "http://ruseller.com";

Вам надо написать функцию, которая примет эту переменную в качестве параметра, а в теле функции проверит с помощью метода indexOf, встречается ли в этой переменной подстрока "http://".

Если да, то вывести на экран сообщение, что в названии сайта присутствует указание протокола "http://", иначе - вывести, что не присутствует.

Это довольно простая задача. Здесь нужно знать тему функций и условий в JavaScript.

<script type="text/javascript">

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

function http(myString)
{
var poisk = myString.indexOf("http://"); /* Ищем протокол http:// и заносим значение в переменную poisk */

if(poisk == -1) /* Если протокол http:// не существует, то... */
{
document.write("В названии сайта НЕ присутствует указание протокола 'http://'");
}
else /* Иначе... */
{
document.write("В названии сайта присутствует указание протокола 'http://'");
}
}

http(mySite);

</script>

Главная Изучаем JavaScript Поиск в строке - indexOf и lastIndexOf Метод slice - Копирование из строки

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

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

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

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

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