Unshift JS – мощная функция в JavaScript

Метод unshift() в языке JavaScript используется для добавления одного или нескольких элементов в начало массива и возвращает новую длину массива после добавления элементов.

Пример использования метода unshift():

<pre><code class="javascript">let fruits = ['яблоко', 'груша', 'слива'];
console.log(fruits.length);  // Выведет 3

fruits.unshift('банан');
console.log(fruits);  // Выведет ['банан', 'яблоко', 'груша', 'слива']
console.log(fruits.length);  // Выведет 4

fruits.unshift('апельсин', 'виноград');
console.log(fruits);  // Выведет ['апельсин', 'виноград', 'банан', 'яблоко', 'груша', 'слива']
console.log(fruits.length);  // Выведет 6
</code></pre>

В приведенном примере мы создали массив fruits, содержащий элементы 'яблоко', 'груша' и 'слива'. После вызова метода unshift('банан'), элемент 'банан' был добавлен в начало массива. Полученный массив был выведен на консоль, а также была выведена его длина (количество элементов). Затем мы вызвали метод unshift('апельсин', 'виноград'), чтобы добавить два элемента в начало массива, и снова вывели измененный массив и его длину.

Метод unshift() может принимать неограниченное количество аргументов, каждый из которых будет добавлен в начало массива в порядке передачи. Этот метод изменяет исходный массив, добавляя элементы в его начало.

Результатом вызова метода unshift() является новая длина массива после добавления элементов. Это полезно, когда нам нужно узнать, сколько элементов содержит массив после добавления.

<pre><code class="javascript">let numbers = [1, 2, 3];
console.log(numbers.unshift(4));  // Выведет 4
console.log(numbers);  // Выведет [4, 1, 2, 3]
</code></pre>

В этом примере у нас есть массив numbers, содержащий числа 1, 2 и 3. Мы вызываем метод unshift(4), который добавляет число 4 в начало массива. Когда мы выводим новую длину массива с помощью console.log(numbers.unshift(4)), получаем 4. Затем мы выводим сам измененный массив, который теперь содержит числа 4, 1, 2 и 3.

Метод unshift() может использоваться в различных сценариях разработки. Например, вы можете использовать его, чтобы добавить новый элемент в начало списка задач, в начало истории действий пользователя или в начало списка покупок. Возможности его применения ограничены только вашими нуждами и творчеством.

Заметьте, что метод unshift() изменяет исходный массив. Если вам нужно получить новый массив без изменения исходного, можно воспользоваться другим методом, таким как concat().

<pre><code class="javascript">let fruits = ['яблоко', 'груша', 'слива'];
let newFruits = fruits.concat(['банан']);

console.log(fruits);  // Выведет ['яблоко', 'груша', 'слива']
console.log(newFruits);  // Выведет ['яблоко', 'груша', 'слива', 'банан']
</code></pre>

Таким образом, метод unshift() предоставляет удобную возможность добавлять элементы в начало массива и возвращать новую длину массива после добавления. Это очень полезно при работе с динамически изменяемыми массивами и обработке данных в JavaScript.