«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих


Рассмотрим методы JavaScript позволяющие добавлять элементы в массив. Это методы push и unshift.

Метод push добавляет элемент в конец массива, метод unshift добавляет элемент в начало массива.



Добавление элемента в конец массива - метод push

Метод push в JavaScript добавляет элемент в конец массива.

Для работы с методами push и unshift, создадим произвольный массив. Условно назовем его массив «Друзья» - friends.

<script type="text/javascript">

var friends = [" Настя", " Григорий", " Вячеслав", " Алексей"];

</script>

Сейчас необходимо добавить элемент, то есть ещё одно имя в конец массива.

Для этого в JavaScript существует метод push. Он добавляет элемент в конец массива. Это происходит следующим образом.

Фрагмент кода

<script type="text/javascript">

var friends = [" Настя", " Григорий", " Вячеслав", " Алексей"];

friends.push(" Яков"); /* Добавляем элемент в конец массива */

document.write("Количество элементов в массиве равно " + friends.length);

document.write("<p>" + friends); /* Выводим весь массив */

document.write("<p>" + friends[4]); /* Выводим последний 5-ый элемент массива */

</script>

Результат

Количество элементов в массиве равно 5

Настя, Григорий, Вячеслав, Алексей, Яков

В приведенном примере для проверки работы метода push, мы вывели количество элементов массива friends при помощи свойства length - их стало 5. Затем вывели весь массив friends, а также последний элемент массива (следует помнить, что нумерация элементов массива начинается с 0).

Пример позволяет убедиться, что при помощи метода push элемент добавлен в конец массива.

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

Метод unshift в JavaScript служит для добавления элемента в начало массива.

Для работы с методом unshift снова обратимся к массиву friends.

<script type="text/javascript">

var friends = [" Настя", " Григорий", " Вячеслав", " Алексей"];

</script>

Итак, теперь необходимо добавить элемент в начало массива. Для этого существует метод unshift.

Фрагмент кода

<script type="text/javascript">

var friends = [" Настя", " Григорий", " Вячеслав", " Алексей"];

friends.unshift(" Борис"); /* Добавляем элемент в начало Массива */

document.write("Количество элементов в массиве равно " + friends.length);

document.write("<p>" + friends); /* Выводим весь Массив */

document.write("<p>" + friends[0]);/* Выводим первый элемент Массива */

</script>

Результат

Количество элементов в Массиве равно 5

Борис, Настя, Григорий, Вячеслав, Алексей

Борис

Проверка работы метода unshift аналогична проверке метода push: мы вывели количество элементов массива friends при помощи свойства length, потом вывели весь массив friends, а также первый элемент массива (нумерация элементов массива начинается с нуля).

Как видно из примера, при помощи метода unshift элемент добавлен в начало массива.

Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Массивы
Добавление элементов в массив
1864
Введение в массивы - Создание массивов
3869
Способы вывода данных из массива
3663
Практическая задача - Создание массива
1719
Свойство length - число элементов массива
1885
Удаление элементов из Массива
1721
Индекс последнего элемента массива
1854
Практическая задача – Удаление и добавление элементов в массив
1335
Метод splice – Добавление, удаление и замена нескольких элементов
1944
Практическая задача - Метод splice
976
Метод reverse - Меняем порядок элементов массива
1334
Метод sort - сортировка элементов массива
1171
Метод join – Тип разделителя между элементами массива
1292
Метод concat - Объединение массивов
1152
Метод slice - Копирование элементов массива
1247
Многомерные массивы - Доступ к элементам многомерного массива
2574
Последние заметки
Популярные заметки