Двойное оплодотворение у цветковых растений: Оплодотворение - это процесс слияния мужской и женской половых клеток с образованием зиготы...
Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначенные для поддерживания проводов на необходимой высоте над землей, водой...
Топ:
Методика измерений сопротивления растеканию тока анодного заземления: Анодный заземлитель (анод) – проводник, погруженный в электролитическую среду (грунт, раствор электролита) и подключенный к положительному...
Особенности труда и отдыха в условиях низких температур: К работам при низких температурах на открытом воздухе и в не отапливаемых помещениях допускаются лица не моложе 18 лет, прошедшие...
Интересное:
Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...
Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...
Лечение прогрессирующих форм рака: Одним из наиболее важных достижений экспериментальной химиотерапии опухолей, начатой в 60-х и реализованной в 70-х годах, является...
Дисциплины:
2017-12-13 | 688 |
5.00
из
|
Заказать работу |
|
|
Предположим, мы хотим вывести на экран (среду) с помощью составленного массива дней недели.
Делается это так: нужно после переменной массива (в нашем случае arr) написать квадратные скобки [ ], а в них указать порядковый номер элемента, который мы хотим вывести: arr[3]. Казалось бы, что порядковый номер среды - это 3, но это не так. Потому что в программировании нумерация начинается с нуля. Поэтому 0 - это понедельник, 1 - это вторник, а 2 - это среда.
Посмотрите и повторите пример:
//Выведем слово 'ср':
var arr = ['пн', 'вт', 'ср', 'чт', 'пт', 'сб', 'вс'];
alert(arr[2]);
Ассоциативные массивы (объекты)
В предыдущем примере, чтобы обратиться к нужному элементу массива, мы писали в квадратных скобках его порядковый номер (нумерация начинается с нуля). Эти порядковые номера называются ключами массива. То есть мы получали значение элемента массива по его ключу. В нашем случае JavaScript сам определял ключи для элементов - это были их порядковые номера. Иногда это может оказатися неудобным - к примеру, если мы хотим вывести на экран название третьего дня недели (среду), то должны написать в квадратных скобках цифру 2, а не 3.
Поэтому в JavaScript можно указать ключи в явном виде – так, как нам нужно. Делается это с помощью объектов (в других языках программирования они называются ассоциативными массивами). Объекты создаются с помощью фигурных скобок { }, внутри которых пишутся элементы этого объекта в формате ключ: значение.
Сделаем так, чтобы понедельник имел ключ 1, а не ноль, как было раньше (и всем остальным дням прибавим единицу):
//Укажем ключи в явном виде:
var obj = {1: 'пн', 2: 'вт', 3: 'ср', 4: 'чт', 5: 'пт', 6: 'сб', 7: 'вс'};
alert(obj[1]); //выведет 'пн'
Синтаксис здесь такой: ключ, затем идет двоеточие:, а потом значение.
|
Ключи не обязательно должны быть числами, они могут быть и строками. Сделаем массив, в котором ключами будут имена работников, а элементами - их зарплаты:
//Массив (объект) работников:
var obj = {'Коля': 200, 'Вася': 300, 'Петя': 400};
Узнаем зарплату Васи:
var obj = {'Коля': 200, 'Вася': 300, 'Петя': 400};
alert(obj['Вася']); //выведет 300
Кроме того, кавычки вокруг строковых ключей можно и не ставить:
var obj = {key1: 200, key2: 300, key2: 400};
alert(obj['key1']); //выведет 200
Однако, на такие ключи накладываются ограничения: они не должны начинаться с цифры, не должны иметь символ дефиса или символ пробела внутри. Если у вас есть такой ключ - просто возьмите его в кавычки.
Свойства объекта
Существует и другой способ обратиться к элементу объекта - используя обращение не через квадратные скобки, а через точку: не obj['key'], а obj.key.
В этом случае говорят, что мы обращаемся к свойству объекта.
Пример:
var obj = {key1: 200, key2: 300, key2: 400};
alert(obj.key1); //выведет 200
При таком способе обращения на названия свойств (то есть ключей) накладываются ограничения: они не должны начинаться с цифры, не должны иметь символ дефиса или символ пробела внутри.
Как еще можно создать массив или объект
Вместо { } и [ ] можно пользоваться Object() и Array() соответственно (это просто альтернативный синтаксис).
Давайте создадим объект вторым синтаксисом:
var obj = new Object(key1: 200, key2: 300, key2: 400);
alert(obj['key1']); //выведет 200
Давайте создадим массив вторым синтаксисом:
var arr = Array('пн', 256, 'ср', 34, 38, 'сб', 95);
Заполнение массива
Массив можно заполнять не на этапе его создания, а потом. В следующем примере вначале объявляется, что переменная arr - массив, а потом заполняют его данными:
var arr = []
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
alert(arr) //с помощью alert выводим содержимое массива
Также можно поступать и с объектами:
var obj = {};
obj['Коля'] = 100;
obj['Вася'] = 200;
obj['Петя'] = 300;
Многомерный массив
Элементы массива могут быть не только строками и числами, но и массивами. То есть получится массив массивов или многомерный массив.
|
Сделаем массив студентов students, который будет содержать два подмассива: студенты мужского пола и женского:
//Многомерный массив студентов:
var students = {
'boys': ['Коля', 'Вася', 'Петя'],
'girls': ['Даша', 'Маша', 'Лена'],
};
Чтобы вывести какой-либо элемент из многомерного массива следует писать уже не одну пару [ ], а две: students['boys'][0] – так мы выведем 'Коля'.
Примеры решения задач
Задача 1
Дан массив с элементами 'Привет, ', 'мир' и '!'. Необходимо вывести на экран фразу 'Привет, мир!'.
Решение:
//Выведем фразу 'Привет, мир!':
var arr = ['Привет, ', 'мир', '!'];
alert(arr[0] + arr[1] + arr[2]);
Разберем это решение: слово 'Привет, ' хранится под номером 0, это значит, что для доступа к нему мы должны написать arr[0]. Для доступа к слову 'мир ' мы должны написать arr[1], а arr[2] содержит в себе '!'. Далее с помощью оператора ' + ' мы сложим три наши строки ('Привет, ', 'мир' и '!') в одну строку таким образом arr[0] + arr[1] + arr[2], и выведем на экран с помощью alert.
Задача 2
Дан массив с элементами 'Привет, ', 'мир' и '!'. Необходимо записать в переменную text фразу 'Привет, мир!', а затем вывести на экран содержимое этой переменной.
Решение:
//Выведем фразу 'Привет, мир!':
var arr = ['Привет, ', 'мир', '!'];
var str = arr[0] + arr[1] + arr[2]; //в переменной text теперь лежит строка 'Привет, мир!'
alert(str);
Задача 3
Дан массив ['Привет, ', 'мир', '!']. Необходимо записать в нулевой элемент этого массива слово 'Пока, ' (то есть вместо слова 'Привет, ' будет 'Пока, ').
Решение:
var arr = ['Привет, ', 'мир', '!'];
arr[0] = 'Пока, '; //перезапишем нулевой элемент массива
alert(arr); //посмотрим на массив и убедимся в том, что он изменился
|
|
Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...
Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!