Массивы в js

16 июня 2020 - Администратор

Массивы в JavaScript

Когда в JS сценарии необходимо хранить и обрабатывать большое количество данных одного типа удобно использовать массивы. Массив - это набор объектов с одинаковым типом,  имеющий общее имя. 
Перед тем, как работать с массивом в JS, его необходимо объявить
Синтаксис объявления массива в JavaScript
Существует три типа задания массива в JS
Объявление пустого массива в js
let имя массива= new Array();
или
let имя массива = [];
При создании массива нужно задать его начальные значения
let имя массива = [значение 1, значение 2 ...];
Пример задания массива в JavaScript
let a = [0,1,2,3,4];
Чтобы получить или изменить элемент массива, необходимо указать имя и индекс элемента массива. Нумерация элементов массива идёт с нуля
a[0] = 0;
Чтобы добавить элемент в пустой массив, используется команда
имя массива.push(значение элемента массива);
Чтобы узнать текущую длину(количество элементов) массива, используется команда
имя массива.length;
Пример работы с пустым массивом в JavaScript. Задаём пустой массив и в цикле for заполняем числами от 0 до 10, добавляя элементы в конец.
let a = [];
for (let i = 0; i < 11; i++) {
a.push(i);
}

Присвоим переменной n значение длины массива
let n = a.length;
Выводим на веб страницу все элементы массива
for (let j = 0; j < n; j++) {
document.write(a[j]+'<br/>');
}

Полный код примера работы с пустым массивом в JS. На веб страницу выведутся числа от 0 до 10
let a = [];
for (let i = 0; i < 11; i++) {
a.push(i);
}
let n = a.length;
for (let j = 0; j < n; j++) {
document.write(a[j]+'<br/>');
}

Ассоциативные массивы в JavaScript

В ассоциативных массивах в качестве индекса ключа используются строки.
Синтаксис определения пустого ассоциативного массива в JavaScript
let имя массива = new Map(); 
Или с помощью определения пар ключ-значение
let имя массива = new Map([
['ключ 1', 'значение 1'],
['ключ 2', 'значение 2'],
...
])

Пример задания ассоциативного массива в JS
let people = new Map([
['Петя', '18'],
['Вася', '22'],
['Коля', '26']
])

Чтобы задать новый элемент ассоциативного массива в JavaScript, используется команда
имя массива.set('ключ','значение');
Пример добавления нового элемента ассоциативного массива в JS
people.set('Вова','19');
Чтобы узнать размер ассоциативного массива, используется команда 
имя массива.size
Перебор элементов ассоциативного массива
Чтобы перебрать все ключи ассоциативного массива в JS используется следующая конструкция
for (let key of имя массива.keys()) {
// key - это ключ
Операторы через ;
}

Если необходимо перебрать значения ассоциативного массива, в JavaScript используется конструкция
for (let value of имя массива.values()) {
// value - это значение
  Операторы через ;
}

Когда необходимо перебрать и ключи, и значения ассоциативного массива в js, используется конструкция 
for (let имя пары of имя массива.entries()) {
// имя пары[0] - это ключ
// имя пары[1] - это значение
Операторы через ;
}

Пример работы с ассоциативным массивом в JS
let people = new Map([
['Петя', '18'],
['Вася', '22'],
['Коля', '26']
])
people.set('Вова','19');
let n = people.size;
for (let pair of people.entries()) {
document.write('Имя '+(pair[0])+' Возраст '+(pair[1]) + '<br>');
}

вывод ассоциативного массива в js

Вернуться к содержанию курса по js   Перейти к теме Обработка нажатия кнопки в js  >>

Полезно : Регистрация домена и размещение сайта на хостинге

Поделиться 

 
 
Комментарии (0)

Нет комментариев. Ваш будет первым!