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

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

Создание и раскрутка сайтов

Вбиваю в ТОП-10, как гвозди

8-965-148-98-02, diplom07@mail.ru

Создание и раскрутка сайтов

Вбиваю в ТОП-10, как гвозди

8-965-148-98-02, diplom07@mail.ru

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

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

www.homa.xp3.biz

Практика

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

Задача

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

Решение:

Вывести фразу 'Привет, мир!':

a=['Привет, ','мир','!'];document.write(a[0]+a[1]+a[2])

Разберем это решение: слово 'Привет, ' хранится под номером 0, это значит, что для доступа к нему надо написать a[0]. Для доступа к слову 'мир' надо написать a[1], а a[2] содержит в себе '!'. Далее с помощью оператора '+' сложить 3 текста ('Привет, ','мир','!') в 1 строку так: a[0]+a[1]+a[2] и вывести с помощью document.write.

Задача

Дан массив с элементами 'Привет, ','мир','!'. Записать в переменную s фразу 'Привет, мир!' и вывести содержимое этой переменной.

Решение:

Вывести фразу 'Привет, мир!':

a=['Привет, ','мир','!'],s=a[0]+a[1]+a[2];/*В переменной s теперь лежит строка 'Привет, мир!'*/document.write(s)

Задача

Дан массив ['Привет, ','мир','!']. Записать в 0-й элемент этого массива слово 'Пока, ' (т.е. вместо слова 'Привет, ' будет 'Пока, ').

Решение:

a=['Привет, ','мир','!'];a[0]='Пока, ';/*Перезапишем 0-й элемент массива*/document.write(a)

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

Создать ассоциативный массив (объект) зарплат o. Вывести зарплату Пети и Коли.

o={'Коля':'1000','Вася':'500','Петя':'200'};console.log(o)

Решение:

Чтобы вывести зарплату Коли следует вывести значение элемента объекта с ключом 'Коля':

o={'Коля':'1000','Вася':'500','Петя':'200'};document.write(o['Коля'])//Выведет 1000

Задача. Способы создания массива

Создать массив a с элементами 1,2,3,4,5 2-мя различными способами.

Решение:

1 способ создать массив - объявить его через []:

a=[1,2,3,4,5];

2 способ создания массива - это поступить таким образом:

a=[];

a[0]=1;

a[1]=2;

a[2]=3;

a[3]=4;

a[4]=5;

Задача. Многомерный массив

Дан 2-мерный массив a:

a={'r':['голубой','красный','зеленый'],'e':['blue','red','green']}

Выведите с его помощью слово 'голубой'.

Решение:

Т.к. массив 2-мерный, то придется написать несколько квадратных скобок подряд. Поясню:

document.write(a['r']);

В этом случае результатом будет массив ['голубой','красный','зеленый'], который является частью нашего 2-мерного массива. Чтобы вывести слово 'голубой', необходимо дописать еще 1 квадратную скобку с ключом, соответствующим этому элементу (у него нет явного ключа, значит его ключ 0):

document.write(a['r'][0]);//Выведет 'голубой'

Выведем теперь слово 'красный':

document.write(a['r'][1]);//Выведет 'красный'

Выведем 'red':

document.write(a['e'][1]);//Выведет 'red'

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

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

Создать массив a=['a','b','c']. Вывести с помощью document.write.

С помощью массива a из предыдущего номера вывести содержимое 1-го, 2-го и 3-го элементов.

Создать массив a=['a','b','c','d'] и с его помощью вывести на экран строку 'a+b,c+d'.

Создать массив a с элементами 2,5,3,9. Умножить 1-й элемент массива на 2-й, а 3-й элемент на 4-й. Результаты сложить, присвоить переменной r. Вывести значение переменной r.

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

Создайте объект o. Вывести элемент с ключом 'c' 2-мя способами: через квадратные скобки и как свойство объекта:

o={a:1,b:2,c:3}

Создать массив зарплат o. Вывести зарплату Пети и Коли.

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

Создать объект с днями недели. Ключами в нем должны служить номера дней от начала недели (понедельник - 1-й и т.д.). Вывести текущий день недели.

Пусть теперь номер дня недели хранится в переменной d, например там лежит число 3. Вывести день недели, соответствующий значению переменной d.

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

Дан массив [[1,2,3],[4,5,6],[7,8,9]]. Вывести цифру 4 из этого массива.

Дан объект {js:['jQuery','Angular'],php:'hello',css:'world'}. Вывести с его помощью слово 'jQuery'.

Создать 2-мерный массив. 1-е 2 ключа - это 'r' и 'e'. Пусть 1-й ключ содержит элемент, являющийся массивом названий дней недели по-русски, а 2-й - по-английски. Вывести с помощью этого массива понедельник по-русски и среду по-английски (пусть понедельник - это 0-й день).

Пусть теперь в переменной l хранится язык (она принимает 1 из значений или 'r', или 'e', либо то, либо то), а в переменной d - номер дня. Вывести словом день недели, соответствующий переменным l и d. Т.е., если, например, l='r' и d=3, то вывести 'среда'.

Отвечу на любые вопросы. С уважением, Дмитрий Владимирович:
8-965-148-98-02, diplom07@mail.ru.
Печатать страницу: Урок 3. Задачи на массивы и объекты в JavaScript

Урок 3, Задачи на массивы и объекты в JavaScript, Урок, 3, Задачи, на, массивы, и, объекты, в, JavaScript, создание, сайта, веб, заказ, web, дизайн, раскрутка, продвижение, новый, сайт, рейтинг, сео, seo, Создание сайтов, web-программирование, seo-продвижение, создание и раскрутка сайтов, вбиваю в топ-10, как гвозди, попробуйте бесплатно, Создание сайтов, web-программирование, seo-продвижение, Урок, 3, Задачи, на, массивы, и, объекты, в, JavaScript, создание, сайта, веб, заказ, web, дизайн, раскрутка, продвижение, новый, сайт, рейтинг, сео, seo, создание, сайта, веб, заказ, web, дизайн, раскрутка, продвижение, новый, сайт, рейтинг, сео, seo, раскрутка сайтов, Вбиваю в ТОП-10, как гвозди, раскрутка сайтов, Делаю и раскручиваю сайты, Дмитрий Владимирович

×

Ваше письмо