• Страница 1 из 1
  • 1
Модератор форума: webik  
Форум » JavaScript и jQuery » JavaScript » Массивы и объекты » Добавление элементов в массив (Способы добавления элементов в массив)
Добавление элементов в массив
webikДата: Пн, 18.03.2019, 17:42 | Сообщение # 1
Offline
Добавление элементов в конец массива

Для примера возьмём произвольный массив:

Код
var свойства = ['red', '14px', 'Arial'];


Как видим, в массиве три элемента. Мы знаем, что индекс первого элемента 0, значит индекс последнего будет 2 (так как индекс последнего элемента на 1 меньше общего числа элементов массива, то 3 -1 = 2)
Значит, последний элемент массива будет свойства[2].

Добавим еще один элемент в массив:

Код
свойства[3] = 'bold';


Само собой, он добавится в самый конец, потому что мы присвоили ему индекс с значением 3. И массив теперь выглядит так:

Код
var свойства = ['red', '14px', 'Arial', 'bold'];


Но если элементов в массиве много, то пересчитывать их количество мы не будем, а просто напишем так:

Код
свойства[свойства.length] = 'bold';


здесь мы использовали уже известное нам свойство length, которое определяет длину массива (количество его элементов)

Поэтому, запись выше можно переписать так:

Код
свойства[3] = 'bold';


то есть новый элемент 'bold' добавился в массив в самый конец, потому как его индекс 3 (самый большой). Проверим, правильный ли у него индекс:



Как видим, всё верно.

Команда push()

Команда push() добавляет в массив то, что вы укажете в круглых скобках, добавляет в конец массива:

Код
свойства.push('bold');


а можно добавлять сразу несколько элементов:

Код
свойства.push('bold','italic','underline');


Добавление элементов в начало массива

Команда unshift() добавляет элемент в начало массива:

Код
var свойства = ['12px','red','bold'];
свойства.unshift('Arial');


Итоговый массив:

Код
var свойства = ['Arial','12px','red','bold'];


можно вставлять сразу несколько элементов:

Код
свойства.unshift('bold','italic','underline');


Команды push() и unshift() возвращают значение, то есть после выполнения своих задач предоставляют число элементов в массиве


Например, возьмём массив:

Код
var massive = [1,2,3,4,5,6];


добавим в конец этого массива еще два элемента и попробуем узнать сколько всего станет элементов в массиве (результат сохраним в переменной всего_элементов)

Код
var всего_элементов = massive.push(7,8);


в результате, в переменной всего_элементов будет значение 8. Всё верно, команда push() выполнила для нас всю работу, добавила два новых элемента в конец массива и вернула общее число элементов полученного массива (6 + 2 = 8)
Прикрепления: 7924944.jpg(47.1 Kb)
 
профиль цитата изменить удалить
webikДата: Пн, 18.03.2019, 19:54 | Сообщение # 2
Offline
Практикум.
Работа с элементами массива.

Код
<script>
var писатели = ['Лев Толстой',
'Николай Гоголь',
'Антон Чехов',
'Михаил Куприн',
'Александр Дюма'
];

document.write('<p>Первый писатель <strong>' + писатели[0] + '</strong></p>');
document.write('<p>Последний писатель <strong>' + писатели[писатели.length - 1] + '</strong></p>');
писатели.unshift('Рэй Бредбери');
document.write('<p>Ах да, забыл...<strong>' + писатели[0] + '</strong></p>');
</script>


Прикрепления: 4206118.png(14.1 Kb)
 
профиль цитата изменить удалить
Форум » JavaScript и jQuery » JavaScript » Массивы и объекты » Добавление элементов в массив (Способы добавления элементов в массив)
  • Страница 1 из 1
  • 1
Поиск: