- •Федеральное агентство связи
- •Сборник практических занятий (1-14)
- •«Веб - программирование»
- •Практическое занятие №1
- •Порядок выполнения работы:
- •Контрольные вопросы:
- •Практическое занятие №2
- •Практическое занятие №3
- •Порядок выполнения работы:
- •Практическое занятие № 4
- •Практическое занятие № 5 (4 часа)
- •Практическое занятие №6
- •Практическое занятие №7
- •Работа с объектом Namber:
- •Практическое занятие №8
- •Практическое занятие №9
- •5.1 Работа с объектом Array:
- •Работа с многомерными массивами
- •Работа с массивом images
- •Практическое занятие №10
- •Практическое занятие №11
- •Порядок выполнения работы:
- •6.1 Создание изменяющегося рисунка:
- •6.2 Создание слайд – шоу:
- •Практическое занятие № 12
- •Практическое занятие № 13
Практическое занятие №7
Наименование: Работа с объектами String и Number в сценариях JavaScript
1. Цель: Научиться работать с объектами JavaScript - String и Number
2. Подготовка к занятию: По предложенной литературе повторить тему «Объекты языка JavaScript» и ответить на следующие вопросы:
Какой объект используется для описания строк символов в языке JavaScript?
2.2 Какие методы JavaScript – объекта String вы знаете?
3. Литература:
3.1 Шомас Е.А. Конспект лекций по МДК.В.01.03 «Веб - программирование»
3.2 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.
3.3 Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript. – СПб.: Питер, 2011. – 496 с
3.4 http://www.wisdomweb.ru/JS/javascript-first.php - JavaScript .Учебник
4. Перечень оборудования и программного обеспечения:
4.1 ПЭВМ, подключенные к сети Интернет
4.2 Браузеры
Текстовый редактор
5. Задание:
5.1 Работа с объектом String:
5.1.1 Выведите на экран браузера следующую строку - Карл у Клары украл кораллы.
5.1.2 Определите количество букв «к» в фразе, двумя способами: с учетом регистра и без учета регистра.
5.1.3 Преобразуйте строку в верхний регистр
5.1.4 Преобразуйте строку в нижний регистр
5.1.5 Выведите на экран браузера строку –
В тайге и горах можно увидеть марала, лося, белку, бурундука, зайца.
5.1.6. Извлеките часть строки ниже выделенную жирным шрифтом сначала с помощью метода substr() затем с помощью substring() и выведите ее на страницу
5.1.7 Раскодируйте значение строки, используя метод fromCharCode() и выведите ее на страницу:
(1052)(1086)(1089)(1082)(1074)(1072)
5.1.8 После того как строка будет раскодирована закодируйте ее обратно, используя метод charCodeAt() и сравните свой результат с данными задачи.
Закодируйте слово Самара
Работа с объектом Namber:
5.2.1 Представьте число, например, 24,53 в экспоненциальной форме с различным количеством значащих цифр после запятой, от 0 до 5. Выведите все результаты в окне браузера.
5.2.1 Представьте предыдущее число в различных системах счисления. Выведите в окне браузера с пояснением, в какой системе счисления дан ответ.
Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.2 Выполнить задание практического занятия;
6.3 Дать ответы на контрольные вопросы;
Содержание отчета:
Наименование и цель работы
Задание, под каждым поместить код программы и полученные результаты в виде скринов.
Ответы на контрольные вопросы
Вывод о проделанной работе
Контрольные вопросы:
Как определить длину строки символов?
Как извлечь n-й символ из строки символов?
Каков индекс первого символа в строке?
ПРИЛОЖЕНИЕ:
Объект String – предназначен для создания строк символов и выполнения операций над ними. Он выступает в качестве контейнера для всех функций, обрабатывающих текстовые строки. Объект String имеет всего одно свойство length, содержащий длину строки в символах.
Чтобы создать строковый объект можно воспользоваться конструктором newString.
Например, var s = newString(“Итого:”);
Если применить свойство объекта: s.length, результатом будет число 6.
Метод |
Действие |
charAt () |
Возвращает символ находящийся на указанной позиции в строке |
charCodeAt () |
возвращает цифровой код (Юникод) символа на указанной позиции в строке |
concat () |
объединяет две или более строки |
fromCharCode() |
Преобразует Юникод в символ |
slice () |
Извлекает часть существующей строки и возвращает новую строку |
indexOf () |
Возвращает позицию первого найденного совпадения выражения в методе со строкой текста |
lastIndexOf () |
Возвращает позицию последнего найденного совпадения выражения в методе со строкой текста |
split () |
Разделяет строку на массив подстрок |
toUpperCase () |
преобразует строку символов в верхний регистр |
toLowerCase () |
преобразует строку символов в нижний регистр |
replase() |
предназначен для поиска подстроки в строке и замены найденных фрагментов другой подстрокой |
Рассмотрим на примерах некоторые методы объекта String.
Синтаксис: строка.substr(начало,количество)
<script type='text/javascript'>
var str = 'Европа — одна из шести частей света.';
document.write(str.substr(9,4) + '<br />');
В браузере отобразится - одна
Синтаксис: строка.substring(начало,конец)
<script type='text/javascript'>
var str = 'Европа — одна из шести частей света.';
document.write(str.substring(8,22) + '<br />');
В браузере отобразится – одна из шести
С помощью метода fromCharCode Вы можете преобразовывать произвольные значения Юникода в соответствующие им символы.
Синтаксис: String.fromCharCode(Юникод1,Юникод2,...ЮникодN)
<script type='text/javascript'>
document.write(String.fromCharCode(1070,1085,1080,1082,1086,1076));
</script>
В браузере отобразиться - Юникод
Метод charCodeAt возвращает Юникод символа на указанной позиции в строке. Первый символ в строке имеет позицию 0, второй 1 и т.д.
Синтаксис: строка.charCodeAt(позиция)
<script type='text/javascript'>
var str1 = new String('Я короткая строка!');
document.write(str1.charCodeAt(4)+'<br />');
</script>
В браузере отобразится - 1088
Объект Number (число) – предназначен для хранения параметров числовых значений и специальных методов, обеспечивающих преобразование числа в строку.
Объект Number имеет следующие свойства:
Свойство |
Значение |
max_value |
максимальное допустимое значение |
min_value |
минимальное допустимое значение |
positive_infinity |
положительное значение бесконечности |
negative_infinity |
отрицательное значение бесконечности |
NaN |
значение «не число» |
Методы объекта:
Метод |
Действие |
toExponential() |
преобразует число в строку с записью в экспоненциальной форме |
toFixed() |
преобразует число в строку с заданным количеством значащих цифр после запятой |
toPrecision() |
преобразует число в строку с заданным количеством значащих цифр |
toString() |
преобразует число в строку с представлением в заданной системе счисления |
Методы toExponential(),toFixed() и toPrecision() имеют один параметр, который указывается в круглых скобках, - количество значащих цифр после запятой.
Метод toString() также имеет параметр – систему счисления. Если параметр не задается, то результат выводится в десятичной системе счисления. Если пишем 2 – результат будет представлен в двоичной системе счисления и т.д.
