Дисциплины - Проектирование динамических страниц

Основы JavaScript в Проектировании динамических страниц - Массивы

Массив - это упорядоченная коллекция значений. Значения в массиве называются элементами, и каждый элемент характеризуется числовой позицией в массиве, которая называется индексом. Массивы в языке JavaScript являются нетипизированными: элементы массива могут иметь любой тип, причем разные элементы одного и того же массива могут иметь разные типы. Элементы массива могут даже быть объектами или другими массивами, что позволяет создавать сложные структуры данных, такие как массивы объектов и массивы массивов.

Отсчет индексов массивов в языке JavaScript начинается с нуля и для них используются 32-битные целые числа - первый элемент массива имеет индекс 0. Массивы в JavaScript являются динамическими: они могут увеличиваться и уменьшаться в размерах по мере необходимости; нет необходимости объявлять фиксированные размеры массивов при их создании или повторно распределять память при изменении их размеров.

Массивы в языке JavaScript - это специализированная форма объектов, а индексы массивов означают чуть больше, чем просто имена свойств, которые по совпадению являются целыми числами.

Существуют разные способы создания массива

var empty = [];						// Пустой массив
var numbers = [2, 3, 5, 7, 11];		// Массив с пятью числовыми элементами
var misc = [ 1.1, true, "a", ];		// 3 элемента разных типов + завершающая запятая

var base = 1024;
var table = [base, base+1, base+2, base+3];		// Массив с переменными

var arrObj = [[1,{x:1, y:2}], [2, {x:3, y:4}]];	// 2 массива внутри, содержащие объекты

Кроме того, при создании массива мы можем воспользоваться специальным конструктором Array().

var arr = new Array(); //создание пустого массива
var arr = new Array(['apple', 'orange']); //создание массива со значениями
var arr = new Array(10); //В этом случае будет создан пустой массив указанной длины.

Доступ к элементам массива осуществляется с помощью оператора []. Слева от скобок должна присутствовать ссылка на массив. Внутри скобок должно находиться произвольное выражение, возвращающее неотрицательное целое значение. Этот синтаксис пригоден как для чтения, так и для записи значения элемента массива. Следовательно, допустимы все приведенные далее JavaScript-инструкции:

// Создать массив с одним элементом
var arr = ["world"];

// Прочитать элемент 0
var value = arr[0];

// Записать значение в элемент 1	
arr[1] = 3.14;

// Записать значение в элемент 2	
i = 2; arr[i] = 3;

// Записать значение в элемент 3
arr[i + 1] = 'привет';

// Прочитать элементы 0 и 2, записать значение в элемент 3
arr[arr[i]] = arr[0];

Добавление элементов массива с пощмью метода push

var arr = [];		// Создать пустой массив
arr.push('zero');	// Добавить значение в конец
arr.push('one',2);	// Добавить еще два значения

Удаление элементов массива с помощью оператора delete

var arr = [1,2,'three'];
delete arr[2];
2 in arr;		// false, индекс 2 в массиве не определен
arr.length;		// 3: оператор delete не изменяет свойство length массива

Преобразование массива можем осуществлять с помощью методов конструктора Array() -

Количество комментариев: 0

Для того, чтобы оставить коментарий необходимо зарегистрироваться
00421-00422 ИИТ БГУИР
00423 ИИТ БГУИР
10421-10422 ИИТ БГУИР
10423 БГУИР
20421 БГУИР
30421 БГУИР
30423 БГУИР


Изображения Видео

1. JavaScript. Функциональное программирование. Лекция 2. Преобразование данных <iframe width="560" height="315" src="https://www.youtube.com/embed/EBKzRg4aTro" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
2. JavaScript. Функциональное программирование. Лекция 2 (продолжение) <iframe width="560" height="315" src="https://www.youtube.com/embed/phyt4PFk6Pc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
3. HTML5 http://erud.by/files/books/HTML5.docx
4. ООП в JavaScript http://erud.by/object_orient_program/586
5. Фоновое видео jQuery http://johnpolacek.github.io/BigVideo.js
Учебная программа