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

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

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

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

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

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


Конструкторское Web-бюро
8.02.1 Встроенный объект String

Автор: Denisido

Дата: 2010-07-21

В javascript работа со строками является привычным делом, так как это самый обычный тип данных. Существует не мало методов воздействия на объект String (строка). Первым делом определим переменную строкового типа с произвольным значением:

Запустить!
var someName = 'JavaScript рулит!';
alert(typeof(someName)); // для достоверности определим тип переменной someName

Как видите, все очень просто и знакомо - мы инициализировали нашу переменную someName строкой с помощью оператора присваивания и заключением правого операнда в кавычки (кавычки можно использовать как одинарные, так и двойные). Второй способ создания строкового объекта с помощью конструктора String:

Запустить!
var someName = String('JavaScript рулит!');
alert(typeof(someName)); // для достоверности определим тип переменной someName

Существует еще один вариант создания объекта строкового типа, который схож со вторым:

Запустить!
var someName = new String('JavaScript рулит!'); // устаревший синтаксис
alert(typeof(someName)); // выведет тип object

Здесь мы использовали ключевое слово new, которое помогает интерпретатору понять, что он имеет дело с конструктором (о них мы поговорим позже). Стоит заметить. что данный способ устарел и практически не применяется для создания объектов строкового типа. Если вы заметили, то тип переменной отличается от двух остальных!

Чтобы освежить память, определим длину новой переменной question с помощью свойства length:

Запустить!
var question = 'Состоите ли вы в браке?';
alert(question.length); // выведет 23, так как 23 символа в строке
/*Стоит заметить, что пустая строка будет равна 0
var question = '';
alert(question.length); // выведет 0
а знак переноса /n - считается одним символом */

На основе данного примера вы можете составить условное выражение, где необходимо проверить длину ввода символов в текстовое поле формы, например, чтобы проверить пароль. Если пароль менее 3 или более 15 символов, предупредить об этом и не дать продолжить действия, пока не будет выполнено нужное условие.

Методы toUpperCase() и toLowerCase()

Допустим, что вы используете условное выражение, где ответом на вопрос должно быть либо ДА, либо НЕТ:

Запустить!
var question = prompt('Вы знаете английский язык?','');
if (question == 'да') {alert('Английский язык используют почти во всем мире'); }

Мы специально не стали делать разные проверки на ввод символов. Тут важно понять то, что, даже в таком простом примере как этот, интерпретатор javascript воспринимает верхний и нижний регистры по разному. Если вы введете да, то скрипт сработает так как нужно, в противном случае он будет считать ваш ответ ошибочным. Т.е. написав ответ Да или ДА, он не будет совпадать со значением да и результат будет ложным для проверки. Чтобы избежать подобного, мы можем прибегнуть к методу toLowerCase():

Запустить!
var question = prompt('Вы знаете английский язык?','');
question = question.toLowerCase(); // теперь все символы в нижнем регистре
if (question == 'да') {alert('Английский язык используют почти во всем мире'); }

Как видите, мы немного изменили наш скрипт, и теперь вы можете вводить положительное значение как вам угодно (да, Да, ДА или дА), результат все равно будет одинаковым. Стоит отметить, что помимо метода toLowerCase() существует метод toUpperCase(), который возвращает все символы в верхнем регистре.

Метод trim()

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

Запустить!
var question = prompt('Вы знаете английский язык?','');
question = question.toLowerCase().trim(); //  исключаем пробелы
if (question == 'да') {alert('Английский язык используют почти во всем мире'); }

Важное замечание: если вы хотите убрать пробелы только с левой стороны, то используйте метод ltrim() от английского left, если желаете убрать только правые пробелы, то воспользуйтесь функцией rtrim() от английского слова right.

Метод charAt()

Если вам нужно вытащить из строки нужный символ, используйте метод charAt():

Запустить!
// индексация строк начинается с 0 
var stroka = 'JavaScript рулит!';
alert(stroka.charAt(0)); // вытаскиваем первый символ = J
Запустить!
var stroka = 'JavaScript рулит!'; // записываем текст
var sum = stroka.length;          // определяем длину строки и сохраняем в переменной
for (i = 0; i < sum; i++) {
for (j = 0; j < sum; j++) {
if (i >= j) {document.write(' ');}				}; // конец цикла j
		document.write(stroka.charAt(i));     		
			}; // конец цикла i



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



Коментарии:

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

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

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

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

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

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