Лабораторная работа №9.  Работа с массивами в JavaScript. Применение методов работы с массивами в JavaScript.

Цель лабораторной работы:

• ознакомление с способами создания HTML-страниц с использованием сценариев JavaScript – работа с массивами;
• освоить основные возможности языка JavaScript в части работы с массивами;
• ознакомление с базовым синтаксисом языка  JavaScript;
• обучение навыкам работы с JavaScript на HTML-страницах;
• приобретение навыков создания HTML – документов с использованием JavaScript.

Учащиеся должны научиться:

• познакомиться со способами создания HTML-страниц с использованием сценариев JavaScript работа с массивами;
• познакомиться с базовым синтаксисом языка  JavaScript;
• работе с базовым синтаксисом, основными элементами JavaScript;
• работе с различными способами подключения JavaScript  при создании HTML -страницы;
• использованию JavaScript при создании HTML –страницы.

Программные средства: текстовый редактор Блокнот, различные Браузеры.

ВОПРОСЫ ДЛЯ САМОПОДГОТОВКИ

1. Базовые понятия JavaScript;
2. Элементы языка программирования JavaScript;
3. Массивы.Применениев методов при работе с массивами;

КРАТКИЕ ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

См. теоретический материал к лабораторной работе 9.

Примеры решения задач

Задача 1

Задача. Даны два массива: ['a', 'b', 'c'] и [1, 2, 3]. Объедините их вместе.

Решение: объединим эти массивы с помощью метода concat:

var a = ['a', 'b', 'c'];

var b = [1, 2, 3];

//Вариант 1:

var c = a.concat(b);

alert(c); //получится массив ['a', 'b', 'c', 1, 2, 3]

//Вариант 2:

var c = b.concat(a);

alert(c); //получится массив [1, 2, 3, 'a', 'b', 'c']

Задача 2

Задача. Дан массив ['a', 'b', 'c']. Добавьте ему в конец элементы 1, 2, 3.

Решение: воспользуемся методом push: 

var arr = ['a', 'b', 'c'];

arr.push(1, 2, 3);

alert(arr); //получится массив ['a', 'b', 'c', 1, 2, 3]

Контрольные задания

Задание 1

Работа с concat

Даны два массива: [1, 2, 3] и [4, 5, 6]. Объедините их вместе.

Задание 2

Работа с reverse

Дан массив [1, 2, 3]. Сделайте из него массив [3, 2, 1].

Задание 3

Работа с push, unshift

Дан массив [1, 2, 3]. Добавьте ему в конец элементы 4, 5, 6.

Дан массив [1, 2, 3]. Добавьте ему в начало элементы 4, 5, 6.

Задание 4

Работа с shift, pop

Дан массив ['js', 'css', 'jq']. Выведите на экран первый элемент.

Дан массив ['js', 'css', 'jq']. Выведите на экран последний элемент.

Задание 5

Работа с slice

Дан массив [1, 2, 3, 4, 5]. С помощью метода slice запишите в новый элементы [1, 2, 3].

Дан массив [1, 2, 3, 4, 5]. С помощью метода slice запишите в новый элементы [4, 5].

Задание 6

Работа с splice

Дан массив [1, 2, 3, 4, 5]. С помощью метода splice преобразуйте массив в [1, 4, 5].

Дан массив [1, 2, 3, 4, 5]. С помощью метода splice запишите в новый массив элементы [2, 3, 4].

Дан массив [1, 2, 3, 4, 5]. С помощью метода splice сделайте из него массив [1, 2, 3, 'a', 'b', 'c', 4, 5].

Дан массив [1, 2, 3, 4, 5]. С помощью метода splice сделайте из него массив [1, 'a', 'b', 2, 3, 4, 'c', 5, 'e'].

Задание 7

Работа с sort

Дан массив [3, 4, 1, 2, 7]. Отсортируйте его.

Задание 8

Работа с Object.keys

Дан объект {js:'test', jq: 'hello', css: 'world'}. Получите массив его ключей.

Дополнительные задания на приемы работы с массивами на JavaScript

Заполнение массивов

Заполните массив следующим образом: в первый элемент запишите 'x', во второй 'xx', в третий 'xxx' и так далее.

Заполните массив следующим образом: в первый элемент запишите '1', во второй '22', в третий '333' и так далее.

Сделайте функцию arrayFill, которая будет заполнять массив заданными значениями. Первым параметром функция принимает значение, которым заполнять массив, а вторым - сколько элементов должно быть в массиве. Пример: arrayFill('x', 5) сделает массив ['x', 'x', 'x', 'x', 'x']. Показать решение.

Дан массив с числами. Узнайте сколько элементов с начала массива надо сложить, чтобы в сумме получилось больше 10-ти.

Переворот массива

Дан массив с числами. Не используя метода reverse переверните его элементы в обратном порядке.

Многомерные массивы

Дан двухмерный массив с числами, например [[1, 2, 3], [4, 5], [6]]. Найдите сумму элементов этого массива. Массив  может быть произвольным.

Дан трехмерный массив с числами, например [[[1, 2], [3, 4]], [[5, 6], [7, 8]]]. Найдите сумму элементов этого массива. Массив может быть произвольным.