Javascript присвоить значение length. Чтение элементов массива JavaScript, запись элементов массива JavaScript

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

Создание массива

В JavaScript создание массива делается так: пишется имя массива, ставится знак "=" а затем в фигурных скобках перечисляются элементы.

имя массива = [элемент0, элемент1, элемент2];

1
2
3
4
5
6
7
8

Страница
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
28
29
30

for (var i=0; i значение». Такую структуру часто называют хэшем, реже словарем.

Разберем подробнее каждый вид.

При работе с ассоциативными массивами очень легко как добавлять элементы, так и удалять. Так как данный скриптовый язык не типизирован и в нем нет множества строгих правил, создавать элементы объекта можно несколькими способами: перечислить их сразу, проинициализировать после создания объекта, а также создавать по ходу кода.

Сейчас я хочу показать примеры реализации таких механизмов. В первой программе я создал объект patient , а после перечислил его элементы. Как видите, для patient. param я сделал вложенный объект, который обладает своими собственными значениями.

1 2 3 4 5 6 7 8 9 10 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

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», если к ним обратиться.

В качестве примера я написал небольшое приложение, в котором создан массив товаров.

1 2 3 4 5 var goods = ["Говядина","Макароны","Твердый сыр","Специи"]; alert(goods); alert(goods); goods = "Томаты" alert(goods);

var goods = ["Говядина","Макароны","Твердый сыр","Специи"]; alert(goods); alert(goods); goods = "Томаты" alert(goods);

Я специально показал вам, как вывести весь список покупок и как выбрать один элемент. К тому же я затронул свойство length , о котором конкретно расскажу позже. А пока дам небольшое пояснение.

goods = «Томаты»

добавляет новый элемент в конец массива.Методы, позволяющие работать с началом и концом массива

На этом окончу свое повествование. Вступайте в группу моих подписчиков и приглашайте друзей. А я вам желаю терпения и удачи в обучении!

Пока-пока!

С уважением, Роман Чуешов

Прочитано: 155 раз



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: