«Единственный способ творить великие дела – это любить то, что ты делаешь»
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 элемент добавлен в начало массива.

Читайте также...



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

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

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

Ваше Имя:

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

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

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


Массивы
Добавление элементов в массив
3917
Введение в массивы - Создание массивов
4780
Способы вывода данных из массива
7031
Практическая задача - Создание массива
2839
Свойство length - число элементов массива
2490
Удаление элементов из Массива
2444
Индекс последнего элемента массива
2707
Практическая задача – Удаление и добавление элементов в массив
2232
Метод splice – Добавление, удаление и замена нескольких элементов
5314
Практическая задача - Метод splice
1864
Метод reverse - Меняем порядок элементов массива
1923
Метод sort - сортировка элементов массива
1893
Метод join – Тип разделителя между элементами массива
1808
Метод concat - Объединение массивов
1656
Метод slice - Копирование элементов массива
1947
Многомерные массивы - Доступ к элементам многомерного массива
3918

Тематические публикации
Популярные заметки
Последние заметки