Menu
Coddy logo textTech

Sintaxe Spread em Arrays

Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 48 de 65.

A sintaxe spread (...) permite que um iterável, como um array, seja expandido em locais onde zero ou mais argumentos ou elementos são esperados. Ela fornece uma maneira concisa de realizar operações como combinar arrays ou copiar arrays.

Aqui estão alguns casos de uso comuns:

1. Combinando arrays:

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

2. Criando uma cópia superficial (shallow copy) de um array:

const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]

3. Adicionando elementos a um array:

const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]

4. Passando elementos de um array como argumentos de função:

function sum(a, b, c) {
  return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6
challenge icon

Desafio

Fácil

Crie uma função chamada mergeArr que recebe dois arrays de números como argumentos. A função deve:

  1. Mesclar os dois arrays usando o operador spread
  2. Remover quaisquer números duplicados
  3. Retornar o array resultante

Folha de consulta

A sintaxe de espalhamento (spread syntax) (...) permite que um iterável seja expandido em locais onde zero ou mais argumentos ou elementos são esperados.

Combinando arrays:

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

Criando uma cópia superficial (shallow copy):

const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]

Adicionando elementos a um array:

const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]

Passando elementos de um array como argumentos de função:

function sum(a, b, c) {
  return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6

Experimente você mesmo

function mergeArr(arr1, arr2) {
  // Escreva seu código aqui
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Lógica & Fluxo