Манипулирование массивами в JavaScript: раскрываем возможности unshift() и push()

В JavaScript массивы — это фундаментальная структура данных, используемая для хранения коллекций элементов. Когда дело доходит до работы с массивами, обычно используются два метода: unshift()и push(). В этой статье мы рассмотрим эти методы, поймем их различия и предоставим примеры кода, иллюстрирующие их использование. Так что хватайте свое программирующее снаряжение и приступайте!

Что такое unshift()и push():
Оба unshift()и push() – это методы массива, используемые для добавления элементов. в массив. Однако они различаются тем, как модифицируют исходный массив.

  1. unshift():
    Метод unshift()добавляет один или несколько элементов в начало массива. Он перемещает существующие элементы к более высоким индексам, чтобы разместить новые элементы. Вот пример:
const fruits = ['apple', 'banana', 'orange'];
fruits.unshift('mango', 'grape');
console.log(fruits);
// Output: ['mango', 'grape', 'apple', 'banana', 'orange']

В приведенном выше коде unshift()добавляет 'mango'и 'grape'в начало массива fruits, перемещая существующие элементы с более высокими индексами.

  1. push():
    Метод push(), с другой стороны, добавляет один или несколько элементов в конец массива. Он добавляет новые элементы к существующим. Давайте посмотрим пример:
const numbers = [1, 2, 3];
numbers.push(4, 5);
console.log(numbers);
// Output: [1, 2, 3, 4, 5]

В этом фрагменте кода push()добавляет 4и 5в конец массива numbers, расширяя его длина.

Сравнение unshift()и push():
Подведем итог различий между unshift()и push():

  • unshift()добавляет элементы в начало массива, а push()— в конец.
  • unshift()изменяет исходный массив, сдвигая существующие элементы, а push()просто добавляет элементы.
  • Оба метода возвращают новую длину измененного массива.

Дополнительные методы работы с массивами.
Помимо unshift()и push(), JavaScript предоставляет несколько других методов работы с массивами, которые стоит изучить:

  • pop(): удаляет последний элемент массива.
  • shift(): удаляет первый элемент из массива.
  • splice(): изменяет массив путем добавления, удаления или замены элементов.
  • concat(): объединяет два или более массива.
  • slice(): извлекает часть массива и возвращает новый массив.