Matrizes JavaScript são versáteis e oferecem uma ampla variedade de métodos integrados para manipular, iterar e gerenciar dados com eficiência. Compreender esses métodos é crucial para uma programação eficaz. Vamos nos aprofundar em alguns métodos de array comumente usados ​​com exemplos práticos.

Métodos de matriz

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

let fruits = ['apple', 'banana'];
fruits.push('orange');  // returns 3 (new length of array)
console.log(fruits);    // Output: ['apple', 'banana', 'orange']

• pop(): Remove o último elemento de um array e retorna esse elemento.

let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();  // returns 'orange'
console.log(fruits);           // Output: ['apple', 'banana']
console.log(lastFruit);        // Output: 'orange'

• shift(): Remove o primeiro elemento de um array e retorna o elemento removido.

let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();  // returns 'apple'
console.log(fruits);              // Output: ['banana', 'orange']
console.log(firstFruit);          // Output: 'apple'

• unshift(): Adiciona um ou mais elementos ao início de um array e retorna o novo comprimento do array.

let fruits = ['banana', 'orange'];
fruits.unshift('apple');  // returns 3 (new length of array)
console.log(fruits);      // Output: ['apple', 'banana', 'orange']

• forEach(): Executa uma função fornecida uma vez para cada elemento do array.

let numbers = [1, 2, 3];
numbers.forEach(function(num) {
  console.log(num * 2);  // Output: 2, 4, 6
});

• map(): Cria um novo array preenchido com os resultados da chamada de uma função fornecida em cada elemento no array de chamada.

let numbers = [1, 2, 3];
let doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled);  // Output: [2, 4, 6]

• filter(): Cria um novo array com todos os elementos que passam no teste implementado pela função fornecida.

let numbers = [1, 2, 3, 4, 5];
let evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens);  // Output: [2, 4]

• find(): Retorna o primeiro elemento na matriz que satisfaz a função de teste fornecida.

let numbers = [10, 20, 30, 40, 50];
let found = numbers.find(function(num) {
  return num > 25;
});
console.log(found);  // Output: 30

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

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(acc, current) {
  return acc   current;
}, 0);
console.log(sum);  // Output: 15 (1   2   3   4   5)

• indexOf(): Retorna o primeiro índice no qual um determinado elemento pode ser encontrado no array, ou -1 se não estiver presente.

let fruits = ['apple', 'banana', 'orange', 'apple'];
let index = fruits.indexOf('apple');  // returns 0
console.log(index);                   // Output: 0

• lastIndexOf(): Retorna o último índice no qual um determinado elemento pode ser encontrado no array, ou -1 se não estiver presente.

let fruits = ['apple', 'banana', 'orange', 'apple'];
let lastIndex = fruits.lastIndexOf('apple');  // returns 3
console.log(lastIndex);                      // Output: 3

Esses métodos de array são ferramentas fundamentais para manipular estruturas de dados em JavaScript de forma eficiente. Ao dominar esses métodos, você obterá um kit de ferramentas poderoso para lidar com arrays em vários cenários de programação.