Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
8.02.2 Объект String (продолжение)

Автор: Denisido

Дата: 2010-07-23

Метод indexOf()

Один из способов поиска строки - indexOf(), который осуществляет поиск с указанным параметром, и возвращает индекс первого вхождения этой строки:

Запустить!
var question = 'Вы знаете английский язык?';
var searchText = question.indexOf('английский');
alert(searchText);

В нашем случае обнаруженная строка английский начинается с 11 символа, но так как индексация в строках имеет схожий принцип с построением в массиве, то индекс (а) будет равен 10. Метод возвращает начальную позицию этой найденной строки, т.е. число 10. Что касается пустой строки, то значение будет -1 и это логично, так как в пустой строке нет нужного параметра:

Запустить!
var question = '';
var searchText = question.indexOf('английский');
alert(searchText);

Такое же значение -1 будет и в том случае, когда наш параметр в строке не обнаружен. Допустим, нам нужно узнать, каким вы пользуетесь браузером. Вы сами без труда можете воспользоваться следующим кодом - javascript:alert(navigator.userAgent), скопировав его и вставив в окно браузера, нажав enter, вы увидите какой у вас браузер. Свойство userAgent объекта navigator передается серверу, который определяет браузер, его версию и другие детали. С его помощью, а также с помощью метода indexOf() мы будем знать, используете ли вы Internet Explorer или пользуетесь другим браузером:

Запустить!
var browser = navigator.userAgent;
if (browser.indexOf('MSIE')!= -1) {
                                  alert('Вы используете Internet Explorer');
                                  }
else {alert('Ваш браузер не Internet Explorer');};

Метод indexOf() может принимать необязательный второй параметр в качестве индекса, с которого будет начинаться поиск:

var hey = 'Приветствую!'
var searchText = hey.indexOf('т', 6);
alert(searchText); // выведет 7

Метод lastIndexOf()

Алгоритм этого метода такой же как у вышеописанного, за исключением того, что поиск начинается с конца исходной строки, а не с начала:

Запустить!
var bomb = 'бомба';
var searchText = bomb.lastIndexOf('б');
alert(searchText); // выведет 3, т.к. последняя б имеет индекс 3

Метод substr()

Данный метод возвращает подстроку исходной строки. В качестве первого параметра указываем начало, второй параметр не является обязательным и принимает длину количества символов на вывод, если его нет, то выводится все до конца строки:

Запустить!
var ourMail = 'admin@kobru.ru';
var result = ourMail.substr(0,5);  // вытащить 5 символов после индекса, равного нулю
alert(result);                     // выводим содержимое в модальное окно
var i = ourMail.indexOf('@');      // находим "собаку"
var ourSite = ourMail.substr(i+1); // 2-го пар. нет и подстрока выводится до конца
alert(ourSite);                    // выводим содержимое в модальное окно

Метод substring()

Данный метод принимает два параметра в качестве индексов, первый - индекс начала, второй - конечный индекс. Порядок индексов не имеет значения: наименьший из них является начальным. Отрицательное значение считается 0. Стоит также отметить, что последний индекс не возвращается в строку, что хорошо показывает нам 2 строчка кода:

Запустить!
var ourMail = 'admin@kobru.ru';
var result = ourMail.substring(6,ourMail.length);  // c 6 индекса до последнего (14)
alert(result);                     // выведет kobru.ru

Метод slice()

Данный метод схож с двумя предыдущими, но способен принимать в качестве параметров отрицательные числа. Если задать один единственный параметр - индекс, то он возвратит все символы начиная с указанного в параметре до конца строки:

Запустить!
var ourSite = 'http://www.kobru.ru';
var result = ourSite.slice(7); // начиная с 7 индекса в строке и до конца
alert(result); // вытащит www.kobru.ru

Присвоив второй параметр, мы извлекаем количество символов в строке, начиная с указанного индекса в первом параметре заканчивая вторым, причем, если учитывать его в качестве индекса, то конечное значение второго параметра, как и в методе substring() не возвращается:

Запустить!
var ourSite = 'http://www.kobru.ru';
var result = ourSite.slice(7,10); /* извлечь остаток 10 символов в строке начиная с 7 индекса. Равно тому, чтобы извлечь с 7 индекса по 9 (3 символа). Стоит также заметить, если первый параметр больше второго, то в итоге будет пустота */
alert(result);                    // вытащит www

В качестве параметров вы можете указывать отрицательные числа, в виде индексов, которые считываются с конца строки:

Запустить!
var ourSite = 'http://www.kobru.ru/';
var result = ourSite.slice(-9,-4); /* отсчет индексов с конца строки */
alert(result);                     // выведет kobru

Метод split()

Этот метод возвращает массив элементов, полученных из исходной строки:

Запустить!
var ourSiteName = 'Все для веб-разработчика!';
var result = ourSiteName.split(""); // превращаем строковое значение в массив
alert(result[0]);  // вытаскиваем первый элемент массива
Запустить!
var ourSiteName = 'Все для веб-разработчика!';
var result = ourSiteName.split(" "); // в качестве параметра записываем пробел
alert(result[0]);                    // выводим первый элемент массива
Запустить!
var ourSiteName = 'Всем привет!';
var result = ourSiteName.split("е");  // в качестве параметра записываем е
alert('массив будет выглядеть так: ["'+result[0]+'","'+result[1]+'","'+result[2]+'"'+ ']');  // выводим элементы массива

Первый параметр разделяет строки на элементы. Второй параметр не является обязательным, и указывает на то, сколько элементов строки, полученной при разделелении, следует включить в возвращаемый массив, т.е. если наш массив включает в себя 3 элемента и мы при этом указываем в качестве второго параметра двойку split('e',2), то наш массив возвратить только 2 элемента, а не 3. Рассмотрим еще пример:

Запустить!
var someText = 'я ты он она они'.split(' ',3); // выводим элементы по пробелу 3 штуки
for (i = 0; i < someText.length; i++) {        // создаем цикл на вывод элементов
alert(someText[i]);                            // выводим элементы в модальном окне
}

Метод concat()

Как вы можете догадаться, данное название метода происходит от слова конкатенация, т.е. склейка строк. Он аналогичен оператору +, который мы обсуждали в ранних уроках:

Запустить!
var word = 'JavaScript';
var result = word.concat(' рулит!'); // присоединяем рулит!
alert(result);                       // выводим результат в модальное окно



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

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

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

Введите результат с картинки

Просмотров: 10623

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.