Arrays em JavaScript são dinâmicos, o que significa que você pode facilmente adicionar ou remover elementos deles. Existem quatro métodos principais para adicionar e remover elementos do início e do fim de um array: push(), pop(), shift() e unshift(). Vamos explorar cada um desses métodos em detalhes. O método push() é usado para adicionar um ou mais elementos ao final de um array. O valor de retorno do método push() é o novo tamanho do array. Aqui está um exemplo de como adicionar uma nova fruta ao array fruits existente:

const fruits = ["apple", "banana"];
const newLength = fruits.push("orange");
console.log(newLength); // 3
console.log(fruits); // ["apple", "banana", "orange"]

Neste exemplo, começamos com um array chamado fruits que contém dois elementos. Em seguida, usamos o método push() para adicionar a string orange ao final do array. Você pode ter notado que estamos usando const ao declarar o array fruits. Mas por que é possível adicionar mais elementos a esse array fruits quando fruits é uma constante? Isso é possível porque declarar um array com a palavra-chave const cria uma referência para o array. Embora o array em si seja mutável e possa ser modificado, você não pode reatribuir um novo valor à constante fruits, assim:

const fruits = ["apple", "banana"];
fruits = ["This", "will", "not", "work"];
console.log(fruits); // Uncaught TypeError: Assignment to constant variable.

O próximo método que vamos analisar é o método pop(). O método pop() remove o último elemento de um array e retorna aquele elemento. Também modifica o array original. Aqui está como funciona:

let fruits = ["apple", "banana", "orange"];
let lastFruit = fruits.pop();
console.log(fruits); // ["apple", "banana"]
console.log(lastFruit); // "orange"

Neste exemplo, começamos com um array de três frutas. O método pop() remove o último elemento (orange) do array e o retorna. O array original fruits é modificado e contém apenas dois elementos. O método unshift() adiciona um ou mais elementos ao início de um array e retorna seu novo comprimento. Funciona de forma semelhante ao push(), mas modifica o início do array em vez do final. Aqui está um exemplo:

let numbers = [2, 3];
let newLength = numbers.unshift(1);
console.log(numbers); // [1, 2, 3]
console.log(newLength); // 3

Neste exemplo, usamos unshift() para adicionar o número 1 ao início do array numbers. O método retorna o novo tamanho do array, que é 3. Finalmente, o método shift() remove o primeiro elemento de um array e retorna esse elemento. É semelhante a pop(), mas funciona no início do array em vez do final. Aqui está como funciona:

let colors = ["red", "green", "blue"];
let firstColor = colors.shift();
console.log(colors); // ["green", "blue"]
console.log(firstColor); // "red"

Neste exemplo, começamos com um array de três cores. O método shift() remove o primeiro elemento (red) do array e o retorna. O array original colors é modificado para conter apenas dois elementos. Observe que enquanto push() e unshift() podem adicionar múltiplos elementos de uma vez, pop() e shift() removem apenas um elemento por vez.