Примеры решения задач
Задача
Задача. Дан массив с элементами 'Привет, ', 'мир' и '!'. Необходимо вывести на экран фразу 'Привет, мир!'.
Решение:
//Выведем фразу 'Привет, мир!':
var arr = ['Привет, ', 'мир', '!'];
alert(arr[0] + arr[1] + arr[2]);
Разберем это решение: слово 'Привет, ' хранится под номером 0, это значит, что для доступа к нему мы должны написать arr[0]. Для доступа к слову 'мир' мы должны написать arr[1], а arr[2] содержит в себе '!'. Далее с помощью оператора '+' мы сложим три наши строки ('Привет, ', 'мир' и '!') в одну строку таким образом arr[0] + arr[1] + arr[2], и выведем на экран с помощью alert.
Задача
Задача. Решим немного другую задачу: дан массив с элементами 'Привет, ', 'мир' и '!'. Необходимо записать в переменную text фразу 'Привет, мир!', а затем вывести на экран содержимое этой переменной.
Решение:
//Выведем фразу 'Привет, мир!':
var arr = ['Привет, ', 'мир', '!'];
var str = arr[0] + arr[1] + arr[2]; //в переменной text теперь лежит строка 'Привет, мир!'
alert(str);
Задача
Задача. Дан массив ['Привет, ', 'мир', '!']. Необходимо записать в нулевой элемент этого массива слово 'Пока, ' (то есть вместо слова 'Привет, ' будет 'Пока, ').
Решение:
var arr = ['Привет, ', 'мир', '!'];
arr[0] = 'Пока, '; //перезапишем нулевой элемент массива
alert(arr); //посмотрим на массив и убедимся в том, что он изменился
Задача . Объекты (ассоциативные массивы)
Задача. Создайте ассоциативный массив (объект) заработных плат obj. Выведите на экран зарплату Пети и Коли.
//Этот объект дан:
var obj = {'Коля':'1000', 'Вася':'500', 'Петя':'200'};
Решение: Чтобы вывести зарплату Коли следует вывести значение элемента объекта с ключом 'Коля'. Сделаем это:
var obj = {'Коля':'1000', 'Вася':'500', 'Петя':'200'};
alert(obj['Коля']); //выведет 1000
Задача . Способы создания массива
Задача. Создайте массив arr с элементами 1, 2, 3, 4, 5 двумя различными способами.
Решение:
Первый способ создать массив - объявить его через [ ]:
var arr = [1, 2, 3, 4, 5];
Второй способ создания массива - это поступить таким образом:
var arr = [];
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
arr[4] = 5;
Задача . Многомерный массив
Задача. Дан многомерный массив arr:
var arr = {
'ru':['голубой', 'красный', 'зеленый'],
'en':['blue', 'red', 'green'],
};
Выведите с его помощью слово 'голубой'.
Решение: так как массив многомерный (в нашем случае двухмерный), то нам придется написать несколько квадратных скобок подряд. Поясню это по шагам. Давайте сделаем так:
alert(arr['ru']);
В этом случае результатом будет массив ['голубой','красный', 'зеленый'], который является частью нашего многомерного массива. Чтобы вывести слово 'голубой', необходимо дописать еще одну квадратную скобку с ключом, соответствующим этому элементу (у него нет явного ключа - значит его ключ 0):
alert(arr['ru'][0]); //выведет 'голубой'
Выведем теперь слово 'красный':
alert(arr['ru'][1]); //выведет 'красный'
Выведем 'red':
alert(arr['en'][1]); //выведет 'red'
Задачи для решения
Работа с массивами
Создайте массив arr = ['a', 'b', 'c']. Выведите его на экран с помощью функции alert.
С помощью массива arr из предыдущего номера выведите на экран содержимое первого, второго и третьего элементов.
Создайте массив arr = ['a', 'b', 'c', 'd'] и с его помощью выведите на экран строку 'a+b, c+d'.
Создайте массив arr с элементами 2, 5, 3, 9. Умножьте первый элемент массива на второй, а третий элемент на четвертый. Результаты сложите, присвойте переменной result. Выведите на экран значение этой переменной.
Объекты (ассоциативные массивы)
Создайте объект obj. Выведите на экран элемент с ключом 'c' двумя способами: через квадратные скобки и как свойство объекта:
var obj = {a: 1, b: 2, c: 3};
Создайте массив заработных плат obj. Выведите на экран зарплату Пети и Коли.
var obj = {Коля: '1000', Вася: '500', Петя: '200'};
Создайте объект с днями недели. Ключами в нем должны служить номера дней от начала недели (понедельник - первый и т.д.). Выведите на экран текущий день недели.
Пусть теперь номер дня недели хранится в переменной day, например там лежит число 3. Выведите день недели, соответствующий значению переменной day.
Многомерные массивы
Дан массив [ [1, 2, 3], [4, 5, 6], [7,8,9] ]. Выведите на экран цифру 4 из этого массива.
Дан объект {js:['jQuery', 'Angular'], php: 'hello', css: 'world'}. Выведите с его помощью слово 'jQuery'.
Создайте двухмерный массив. Первые два ключа - это 'ru' и 'en'. Пусть первый ключ содержит элемент, являющийся массивом названий дней недели по-русски, а второй - по-английски. Выведите с помощью этого массива понедельник по-русски и среду по английски (пусть понедельник - это нулевой день).
Пусть теперь в переменной lang хранится язык (она принимает одно из значений или 'ru', или 'en' - либо то, либо то), а в переменной day - номер дня. Выведите словом день недели, соответствующий переменным lang и day. То есть: если, к примеру, lang = 'ru' и day = 3 - то выведем 'среда'.