Matrizes em JavaScript

Introdução Link to heading

Um array em JavaScript é um objeto que permite armazenar uma coleção de valores de qualquer tipo (números, strings, objetos, etc.) de forma organizada e acessível.

Criação de array Link to heading

• Você pode criar um array usando [] colchetes e separando os valores com vírgulas.

Exemplo Link to heading

const frutas = ["Maçã", "Banana", "Cereja", "Morango"];

Acesso aos elementos Link to heading

• Você pode acessar um elemento específico do array usando seu índice entre colchetes.
• O índice começa em 0, então o primeiro elemento possui índice 0, o segundo possui índice 1 e assim por diante.

Exemplo Link to heading

console.log(frutas[0]); // Imprime "Maçã"
console.log(frutas[2]); // Imprime "Cereja"

Propriedades e métodos Link to heading

• Arrays possuem propriedades e métodos que permitem manipular seu conteúdo.

Propriedades Link to heading

• comprimento Informa o comprimento do array (o número de elementos que ele contém).

Métodos Link to heading

• push(): Adiciona um ou mais elementos ao final do array.
• pop(): Remove o último elemento do array.
• unshift(): Adiciona um ou mais elementos ao início do array.
• shift(): Exclua o primeiro elemento do array.
• indexOf(): Procura um elemento no array e retorna seu índice.
• filter(): Cria um novo array com os elementos que atendem a uma condição.
• map(): Cria um novo array com os resultados da aplicação de uma função a cada elemento do array original.
• find(): procura um elemento no array e retorna o primeiro elemento que atende a uma condição.
• forEach(): percorre cada elemento do array e executa uma função para cada um.

Exemplos de métodos Link to heading

const frutas = ["Maçã", "Banana", "Cereja", "Morango"];

//Adiciona um elemento ao final do array
frutas.push("Uvas");

// Remove o último elemento do array
frutas.pop();

//Adiciona um elemento ao início do array
frutas.unshift("Uvas");

// Remove o primeiro elemento do array
frutas.shift();

//Encontre a posição de um elemento
const posicao = frutas.indexOf("Cereja");

const artigos = [
  { nome: "Bicicleta", custo: 3000 },
  { nome: "TV", custo: 2500 },
  { nome: "Livro", custo: 320 },
  { nome: "Celular", custo: 10000 },
  { nome: "Computador portátil", custo: 20000 },
  { nome: "Teclado", custo: 500 },
  { nome: "Fones de ouvido", custo: 1700 },
];

// Filtrar elementos
const itensFiltrados = artigos.filter(function (item) {
  return item.custo <= 500;
});

// Obtém os nomes dos itens
const itemNames = artigos.map(function (item) {
  return item.nome;
});

// Encontre um item pelo nome
const foundItem = artigos.find(function (item) {
  return item.nome === "Computador portátil";
});

// Itera sobre o array e imprime os nomes
artigos.forEach(function (item) {
  console.log(item.nome);
});

Continue aprendendo sobre arrays para escrever código JavaScript mais organizado e eficiente!