image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Lamonier Santos
Lamonier Santos05/09/2024 20:18
Compartilhe

Métodos de Array em JavaScript

    Os arrays são uma das estruturas de dados mais utilizadas em JavaScript. Eles permitem armazenar múltiplos valores em uma única variável e vêm com uma variedade de métodos embutidos que facilitam a manipulação e a iteração dos dados. Vamos explorar alguns dos métodos de array mais comuns e úteis em JavaScript.

    Métodos de Adição e Remoção

    1 - push(): Adiciona um ou mais elementos ao final do array e retorna o novo comprimento do array.

    Exemplo:

    let frutas = ['maçã', 'banana'];

    frutas.push('laranja');

    console.log(frutas); // ['maçã', 'banana', 'laranja']

    -------------------------------------------------------------------------------------------------------------------------

    2 - pop(): Remove o último elemento do array e retorna esse elemento.

    Exemplo:

    let frutas = ['maçã', 'banana', 'laranja'];

    let ultimaFruta = frutas.pop();

    console.log(ultimaFruta); // 'laranja'

    console.log(frutas); // ['maçã', 'banana']

    -------------------------------------------------------------------------------------------------------------------------

    3 - shift(): Remove o primeiro elemento do array e retorna esse elemento.

    Exemplo:

    let frutas = ['maçã', 'banana', 'laranja'];

    let primeiraFruta = frutas.shift();

    console.log(primeiraFruta); // 'maçã'

    console.log(frutas); // ['banana', 'laranja']

    -------------------------------------------------------------------------------------------------------------------------

    4 - unshift(): Adiciona um ou mais elementos no início do array e retorna o novo comprimento do array.

    Exemplo:

    let frutas = ['banana', 'laranja'];

    frutas.unshift('maçã');

    console.log(frutas); // ['maçã', 'banana', 'laranja']

    -------------------------------------------------------------------------------------------------------------------------

    Métodos de Iteração

    1 - forEach(): Executa uma função em cada elemento do array.

    Exemplo:

    let frutas = ['maçã', 'banana', 'laranja'];

    frutas.forEach(function(fruta) {

     console.log(fruta);

    });

    // 'maçã'

    // 'banana'

    // 'laranja'

    -------------------------------------------------------------------------------------------------------------------------

    2 - map(): Cria um novo array com os resultados da aplicação de uma função em cada elemento do array original.

    Exemplo:

    let numeros = [1, 2, 3];

    let dobrados = numeros.map(function(numero) {

     return numero * 2;

    });

    console.log(dobrados); // [2, 4, 6]

    -------------------------------------------------------------------------------------------------------------------------

    3 - filter(): Cria um novo array contendo apenas os elementos que satisfazem uma determinada condição.

    Exemplo:

    let numeros = [1, 2, 3, 4, 5];

    let pares = numeros.filter(function(numero) {

     return numero % 2 === 0;

    });

    console.log(pares); // [2, 4]

    -------------------------------------------------------------------------------------------------------------------------

    Métodos de Transformação

    1 - reduce(): Aplica uma função a um acumulador e a cada valor do array (da esquerda para a direita) para reduzi-lo a um único valor.

    Exemplo:

    let numeros = [1, 2, 3, 4];

    let soma = numeros.reduce(function(acumulador, valorAtual) {

     return acumulador + valorAtual;

    }, 0);

    console.log(soma); // 10

    -------------------------------------------------------------------------------------------------------------------------

    2 - slice(): Retorna uma cópia superficial de uma parte do array, sem modificar o array original.

    Exemplo:

    let frutas = ['maçã', 'banana', 'laranja', 'uva'];

    let citrus = frutas.slice(1, 3);

    console.log(citrus); // ['banana', 'laranja']

    -------------------------------------------------------------------------------------------------------------------------

    3 - splice(): Adiciona ou remove elementos de um array, modificando o array original.

    Exemplo:

    let frutas = ['maçã', 'banana', 'laranja'];

    frutas.splice(1, 1, 'uva');

    console.log(frutas); // ['maçã', 'uva', 'laranja']

    -------------------------------------------------------------------------------------------------------------------------

    Conclusão

    Os métodos de array em JavaScript são ferramentas poderosas que permitem manipular e transformar dados de maneira eficiente. Conhecer e utilizar esses métodos pode tornar seu código mais limpo, conciso e fácil de entender.

    Compartilhe
    Recomendados para você
    Microsoft 50 Anos - Prompts Inteligentes
    Microsoft 50 Anos - GitHub Copilot
    Microsoft 50 Anos - Computação em Nuvem com Azure
    Comentários (1)
    Belisnalva Jesus
    Belisnalva Jesus - 05/09/2024 21:25

    Parabéns Lamonier pelo o artigo!