Arrays en JavaScript

Introducción Link to heading

Un array en JavaScript es un objeto que te permite almacenar una colección de valores de cualquier tipo (números, strings, objetos, etc.) de forma ordenada y accesible.

Creación de arrays Link to heading

  • Puedes crear un array usando corchetes [] y separando los valores por comas.

Ejemplo Link to heading

const fruits = ["Apple", "Banana", "Cherry", "Strawberry"];

Acceso a elementos Link to heading

  • Puedes acceder a un elemento específico del array usando su índice entre corchetes.
  • El índice comienza en 0, por lo que el primer elemento tiene el índice 0, el segundo el índice 1, y así sucesivamente.

Ejemplo Link to heading

console.log(fruits[0]); // Prints "Apple"
console.log(fruits[2]); // Prints "Cherry"

Propiedades y métodos Link to heading

  • Los arrays tienen propiedades y métodos que te permiten manipular su contenido.

Propiedades Link to heading

  • length Te indica la longitud del array (el número de elementos que contiene).

Métodos Link to heading

  • push(): Agrega uno o más elementos al final del array.
  • pop(): Elimina el último elemento del array.
  • unshift(): Agrega uno o más elementos al inicio del array.
  • shift(): Elimina el primer elemento del array.
  • indexOf(): Busca un elemento en el array y te devuelve su índice.
  • filter(): Crea un nuevo array con los elementos que cumplen una condición.
  • map(): Crea un nuevo array con los resultados de aplicar una función a cada elemento del array original.
  • find(): Busca un elemento en el array y te devuelve el primer elemento que cumple una condición.
  • forEach(): Recorre cada elemento del array y ejecuta una función para cada uno.

Ejemplos de métodos Link to heading

const fruits = ["Apple", "Banana", "Cherry", "Strawberry"];

// Add an element to the end of the array
fruits.push("Grapes");

// Remove the last element from the array
fruits.pop();

// Add an element to the beginning of the array
fruits.unshift("Grapes");

// Remove the first element from the array
fruits.shift();

// Find the position of an element
const position = fruits.indexOf("Cherry");

const articles = [
  { name: "Bike", cost: 3000 },
  { name: "Tv", cost: 2500 },
  { name: "Book", cost: 320 },
  { name: "Cellphone", cost: 10000 },
  { name: "Laptop", cost: 20000 },
  { name: "keyboard", cost: 500 },
  { name: "Headphones", cost: 1700 },
];

// Filter elements
const filteredItems = items.filter(function (item) {
  return item.cost <= 500;
});

// Get the names of the items
const itemNames = items.map(function (item) {
  return item.name;
});

// Find an item by name
const foundItem = items.find(function (item) {
  return item.name === "Laptop";
});

// Iterate over the array and print the names
items.forEach(function (item) {
  console.log(item.name);
});

¡Sigue aprendiendo sobre arrays para escribir código JavaScript más organizado y eficiente!

<< Operadores en JavaScript Objetos en JavaScript >>