Практическое занятие №21

Наименование: Работа с объектами Array и String в сценариях JavaScript

1. Цель: Научится работать со встроенными объектами JavaScript, использовать при решении задач их свойства и методы.

2. Подготовка к занятию: по предложенной литературе повторить тему «Встроенные объекты JavaScript» и ответить на следующие вопросы:

2. 1 Перечислите, какие встроенные объекты JavaScript вам известны?

2.2 В чем различие свойств объектов и их методов?

3. Литература:

3.1 http://www.wisdomweb.ru/JS/javascript-first.php - JavaScript.Учебник

3.2 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013

3.3 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Текстовый редактор

5. Задание:

5.1 Работа с объектом Array:

5.1.1 Создайте два массива:

mass1 = ['Банан', 'Яблоко', 'Свекла', 'Капуста', 'Груша', 'Морковь', 'Апельсин', 'Огурец', 'Помидор', 'Манго']

mass2 = ['Филин', 'Тигр', 'Волк', 'Ворона', 'Лев', 'Воробей', 'Медведь', 'Сорока', 'Рысь', 'Синица']

Выведите их на экран браузера.

5.1.2 Из первого массива удалите все овощи и сохраните новый массив с названием frukt. Из второго массива удалите всех животных, не являющимися птицами, сохраните получившийся массив под названием bird.

5.1.3 Соедините полученные массивы (mass3) в один и выведите их на экран.

5.1.4 Узнайте длину массива

5.1.5 Добавьте в начало полученного массива - Мандарин, а в конец – Соловей.

5.1.6 Узнайте новую длину массива

5.1.7 Измените порядок следования элемента массива на противоположенный и выведите результат на экран

5.1.8 Отсортируйте массив и выведите результат на экран.

5.1.9 В массив frukt после каждого фрукта добавьте слово - съел

5.2 Работа с объектом String:

5.2.1 Выведите на экран браузера следующую строку - Карл у Клары украл кораллы.

5.2.2 Определите количество букв «к» в фразе, двумя способами: с учетом регистра и без учета регистра.

5.2.3 Преобразуйте строку в верхний регистр

5.2.4 Преобразуйте строку в нижний регистр

5.2.5 Выведите на экран браузера строку –

В тайге и горах можно увидеть марала, лося, белку, бурундука, зайца.

5.2.6. Извлеките часть строки ниже выделенную жирным шрифтом сначала с помощью метода substr() затем с помощью substring() и выведите ее на страницу

5.2.7 Раскодируйте значение строки, используя метод fromCharCode() и выведите ее на страницу:

(1052)(1086)(1089)(1082)(1074)(1072)

5.2.8 После того как строка будет раскодирована закодируйте ее обратно, используя метод charCodeAt() и сравните свой результат с данными задачи.

5.2.9 Закодируйте слово Самара

6. Порядок выполнения работы:

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.2 Выполнить задание практического занятия;

6.3 Дать ответы на контрольные вопросы;

7. Содержание отчета:

7.1 Наименование и цель работы

7.2 Код скрипта

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

8. Контрольные вопросы:

8.1 Для чего используются массивы? Как можно объявить массив?

8.2 Как можно обратить к определенному элементу массива?

ПРИЛОЖЕНИЕ:

· Объявите два массива, используя следующую конструкцию:

var yun=[“Сергей”, “Алексей”];

var dew=[“Анна”, “Юля”];

· Для объединения массива используют метод concat()

var fam = yun.concat(dew)

· Для вывода результата воспользуйтесь методом

document.write (fam)

· Для добавления разделителя между элементами массива используют метод join ()

document.write (dew.join(“и”))

· Для удаления последнего элемента из массива используют метод pop()

· Для добавления элемента в конец массива используют метод push()

· Для изменения порядка элементов в массиве используют метод reverse()

· Для удаления первого элемента из массива используют метод shift()

· Для добавления одного или нескольких элементов массива в начало массива используется метод unshift ()

· Для сортировки массива используют метод sort()

· Для добавления, удаления или замены элементов в массиве служит метод splice()

Чтобы узнать длину массива используется свойство – length

Объект 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