Métodos de Array Parte 3

Parte da seção Fundamentos do Journey de JavaScript da Coddy — lição 68 de 77.

Aqui estão mais alguns métodos de array úteis:

1. concat(): Combina dois ou mais arrays e retorna um novo array, sem modificar os arrays originais.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Saída: [1, 2, 3, 4]

2. join(separator): Junta todos os elementos de um array em uma string, separados pelo separador especificado (opcional).

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Saída: "apple, banana, orange"

3. slice(start, end): Extrai uma seção de um array e retorna um novo array. O índice start é inclusivo, e o índice end é exclusivo.

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Saída: [2, 3, 4]

4. splice(start, deleteCount, item1, item2, ...): Altera o conteúdo de um array removendo, substituindo ou adicionando elementos. Ele modifica o array original e retorna um array contendo os elementos excluídos (se houver).

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Saída: [1, 2, 6, 7, 5]
console.log(removed); // Saída: [3, 4]

5. split(separator, limit): Divide uma string em um array de substrings com base no separador especificado. A string original não é modificada. O parâmetro opcional limit controla o número máximo de divisões.

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); 
// Saída: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited);
// Saída: ["apple", "banana"]

Desafio

Fácil

Você recebeu um array numbers = [1, 2, 3, 4, 5]. Execute os seguintes passos e imprima os resultados diretamente:

Use concat() para adicionar [6, 7, 8] ao final do array e imprima o resultado.
Use join() para converter o resultado de concat() em uma string separada por vírgulas e imprima-a.
Use slice() para extrair os três primeiros elementos do array original numbers e imprima-os.
Use splice() para substituir o segundo elemento de numbers por 99 e imprima o array numbers modificado.

Folha de consulta

Métodos de array para manipulação e extração:

concat(): Combina arrays sem modificar os originais

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Saída: [1, 2, 3, 4]

join(separator): Junta elementos de um array em uma string

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Saída: "apple, banana, orange"

slice(start, end): Extrai uma seção do array (início inclusivo, fim exclusivo)

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Saída: [2, 3, 4]

splice(start, deleteCount, item1, item2, ...): Modifica o array original removendo/substituindo/adicionando elementos

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Saída: [1, 2, 6, 7, 5]
console.log(removed); // Saída: [3, 4]

split(separator, limit): Divide uma string em um array de substrings

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); // Saída: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited); // Saída: ["apple", "banana"]

Experimente você mesmo