Задачи на основы работы с массивами и объектами

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

Задача

Задача. Дан массив с элементами 'Привет, ', 'мир' и '!'. Необходимо вывести на экран фразу 'Привет, мир!'.

Решение:

//Выведем фразу 'Привет, мир!':
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'

Задачи для решения

Работа с массивами

Объекты (ассоциативные массивы)

var obj = {a: 1, b: 2, c: 3};

var obj = {Коля: '1000', Вася: '500', Петя: '200'};

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