Как определить длину массива javascript и еще много функций работы с ними. Методы push() и pop(). Методы unshift() и shift()
Массив очень похож на переменную, но он содержит не одно значение, а несколько. Эти значения называются элементы массива. У любого элемента, так же, как у переменной, можно получить значение и можно присвоить элементу новое значение. Кроме того, в JavaScript существуют свойства и методы, которые работают с массивом вцелом, например позволяют получить длину массива.
Создание массиваВ JavaScript создание массива делается так: пишется имя массива, ставится знак "=" а затем в фигурных скобках перечисляются элементы.
имя массива = [элемент0, элемент1, элемент2];
1 |
Страница |
var mas=; |
Созданный массив можно вывести на страницу:
document.write(mas); |
Чтобы обратиться к элементу массива, нужно написать имя массива и в квадратных скобках указать номер элемента. Нумерация элементов начинается не с 1, а с 0. Почти всё, что может быть пронумеровано в JavaScript, начинается с нуля, а не с единицы. Этот принцип применяется в большинстве языков программирования. Рекомендую свои нумерации тоже начинать с нуля, чтобы не путаться, с какого порядкового номера начинаются элементы того или иного набора. Номера элементов называются индексы.
Для примера выведем на страницу значение элемента 0, а элементу 1 присвоим новое значение и тоже выведем на страницу:
Существует ещё один способ создания массива в JavaScript. Он сложнее, поэтому используется редко. При этом используется ключевое слово new и указывается, что создаётся массив.
new Array (элемент0, элемент1, элемент2)
Для примера создадим ещё один массив:
Чтобы не указывать индекс нового элемента, можно использовать метод push , который добавляет элементы в конец массива.
массив.push (значение элемента);
Этот метод может добавить сразу несколько элементов. Для этого нужно перечислить значения новых элементов через запятую. Создадим массив с видами спорта и добавим в него элементы:
Метод unshift тоже добавляет элементы, но в начало массива.
массив.unshift (значение элемента);
Добавим ещё виды спорта и выведем полученный массив на страницу:
Метод shift удаляет элемент, находящийся в начале массива.
массив.shift ();
Удалим первый элемент из массива:
В JavaScript длина массива меет одну особенность: это не количество элементов, а индекс последнего элемента + 1. Это важно, потому, что каких-то элементов в массиве может не быть. Часто бывает нужно произвести какие-то действия с каждым элементом массива. Это делается в цикле, а для определения количества итераций используется длина массива. Этот цикл называют перебор массива . Для примера веведем по отдельности каждый элемент массива mas :
27 |
for (var i=0; i значение». Такую структуру часто называют хэшем, реже словарем.
Разберем подробнее каждый вид. При работе с ассоциативными массивами очень легко как добавлять элементы, так и удалять. Так как данный скриптовый язык не типизирован и в нем нет множества строгих правил, создавать элементы объекта можно несколькими способами: перечислить их сразу, проинициализировать после создания объекта, а также создавать по ходу кода. Сейчас я хочу показать примеры реализации таких механизмов. В первой программе я создал объект patient , а после перечислил его элементы. Как видите, для patient. param я сделал вложенный объект, который обладает своими собственными значениями.
var patient = new Object(); patient.firstName ="Инна" patient.age =34, patient.param ={ height:169 , weight: 55, disease: "no" } alert(patient.firstName) // выведет "Инна" alert(patient.param.disease) // выведет no Если появится необходимость добавить еще один параметр к уже существующим, например, фамилию, то это делается следующим образом. К презентованному выше коду допишите строки: patient.surname = «Луценко» alert (patient.surname) Вот так легко коллекция пополняется новыми свойствами. При желании изменить какое-либо значение, его нужно просто присвоить выбранному ключу: patient.firstName ="Катя" Для объектов также предусмотрена операция удаления ненужных свойств при помощи команды delete: delete patient.surname «Настоящие» массивыНа них еще иногда говорят «массивы с числовыми индексами». Если сравнивать их с предыдущим вариантом, то здесь ключи представлены в виде чисел, а вот значения могут быть абсолютно любыми. Занесение коллекции в такой объект может быть осуществлено не по порядку. Так, один элемент можно вписать в ячейку с индексом «0», а следующий – с индексом «4». Промежуточные ячейки памяти будут пустовать и выдавать «undefined», если к ним обратиться. В качестве примера я написал небольшое приложение, в котором создан массив товаров.
var goods = ["Говядина","Макароны","Твердый сыр","Специи"]; alert(goods); alert(goods); goods = "Томаты" alert(goods); Я специально показал вам, как вывести весь список покупок и как выбрать один элемент. К тому же я затронул свойство length , о котором конкретно расскажу позже. А пока дам небольшое пояснение. goods = «Томаты» добавляет новый элемент в конец массива.Методы, позволяющие работать с началом и концом массиваНа этом окончу свое повествование. Вступайте в группу моих подписчиков и приглашайте друзей. А я вам желаю терпения и удачи в обучении! Пока-пока! С уважением, Роман Чуешов Прочитано: 155 раз Похожие публикации
|