Acelerando o desenvolvimento Front-End: Métodos práticos em JavaScript

Introdução

Olá! Esse conteúdo foi desenvolvido inspirado no artigo do Felipe Aguiar "Diretivas estruturais vs diretivas de atributo: Qual usar no Angular?" para o bootcamp de Fundamentos de IA. Métodos servem para interpretar e gerar um resultado (ou melhor, um return) de acordo com a funcionalidade de cada uma delas, são usadas dentro da functions. Vamos lá?

Métodos em JavaScript são essencialmente funções que estão ligadas a objetos. Eles são usados para realizar ações específicas relacionadas a esses objetos. Por exemplo, imagine um objeto "carro" com um método "ligar". Esse método seria responsável por iniciar o motor do carro. Em resumo, métodos são como habilidades ou ações que um objeto pode executar.

Agora, se liga nessa: Programação Orientada a Objetos (POO) é uma abordagem em programação onde organizamos nosso código em torno de "objetos" que podem conter dados (conhecidos como propriedades) e funcionalidades (métodos). Esses objetos são a representação de entidades do mundo real, e a POO nos permite modelar essas entidades de forma mais clara e estruturada em nossos programas.

1 - push(): Adiciona elementos ao final de um array.

let frutas = ['banana', 'maçã', 'laranja'];
frutas.push('morango');
// frutas agora é ['banana', 'maçã', 'laranja', 'morango']

2 - pop(): Remove o último elemento de um array e retorna ele.

let frutas = ['banana', 'maçã', 'laranja'];
let ultimaFruta = frutas.pop();
// ultimaFruta é 'laranja', frutas agora é ['banana', 'maçã']

3 - shift(): Remove o primeiro elemento de um array e retorna ele.

let frutas = ['banana', 'maçã', 'laranja'];
let primeiraFruta = frutas.shift();
// primeiraFruta é 'banana', frutas agora é ['maçã', 'laranja']

4 - unshift(): Adiciona elementos ao início de um array.

let frutas = ['banana', 'maçã', 'laranja'];
frutas.unshift('morango');
// frutas agora é ['morango', 'banana', 'maçã', 'laranja']

5 - splice(): Altera o conteúdo de um array removendo ou substituindo elementos.

let frutas = ['banana', 'maçã', 'laranja', 'morango'];
frutas.splice(2, 1, 'uva');
// frutas agora é ['banana', 'maçã', 'uva', 'morango']

6 - concat(): Combina dois ou mais arrays.

let frutas = ['banana', 'maçã'];
let citricas = ['laranja', 'limão'];
let todasAsFrutas = frutas.concat(citricas);
// todasAsFrutas é ['banana', 'maçã', 'laranja', 'limão']

7 - slice(): Retorna uma cópia de parte de um array.

let frutas = ['banana', 'maçã', 'laranja', 'morango'];
let algumasFrutas = frutas.slice(1, 3);
// algumasFrutas é ['maçã', 'laranja']

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

let frutas = ['banana', 'maçã', 'laranja'];
frutas.forEach(function(fruta) {
 console.log(fruta);
});
// Saída: banana, maçã, laranja

9 - map(): Cria um novo array com os resultados de uma função para cada elemento do array original.

let numeros = [1, 2, 3];
let duplicados = numeros.map(function(numero) {
 return numero * 2;
});
// duplicados é [2, 4, 6]

10 - filter(): Cria um novo array com todos os elementos que passaram em um teste especificado por uma função.

let numeros = [1, 2, 3, 4, 5];
let pares = numeros.filter(function(numero) {
 return numero % 2 === 0;
});
// pares é [2, 4]

11 - find(): Retorna o primeiro elemento de um array que satisfaz uma condição fornecida pela função.

let numeros = [10, 20, 30, 40, 50];
let maiorQue25 = numeros.find(function(numero) {
 return numero > 25;
});
// maiorQue25 é 30

12 - reduce(): Executa uma função para cada elemento do array, resultando em um único valor.

let numeros = [1, 2, 3, 4, 5];
let soma = numeros.reduce(function(total, numero) {
 return total + numero;
}, 0);
// soma é 15

13 - indexOf(): Retorna o primeiro índice do elemento especificado em um array.

let frutas = ['banana', 'maçã', 'laranja'];
let indice = frutas.indexOf('laranja');
// indice é 2

14 - sort(): Ordena os elementos de um array.

let numeros = [3, 1, 4, 2, 5];
numeros.sort();
// numeros agora é [1, 2, 3, 4, 5]

15 - includes(): Verifica se um array inclui um determinado elemento.

let frutas = ['banana', 'maçã', 'laranja'];
let temBanana = frutas.includes('banana');
// temBanana é trueCon

Conclusão

Curtiu esse conteúdo ? Ele foi gerado por inteligência artificial, mas foi revisado por alguém 100% Humano, e se quiser se conectar comigo, me siga no Linkedin

#JavaScript

⚒️Ferrramentas de produção:

Imagens geradas por: I.A. lexica.art

Editor de imagem: Power Point

Conteúdo gerado por: ChatGPT 

Revisões Humanas: Raque Gabrielly