Saltar a contenido

Funciones, Métodos, y Propiedades Comunes en JavaScript

1. Métodos de Array:

  • .push(elemento): Agrega uno o más elementos al final de un array.
  • .pop(): Elimina el último elemento de un array.
  • .shift(): Elimina el primer elemento de un array.
  • .unshift(elemento): Agrega uno o más elementos al principio de un array.
  • .slice(inicio, fin): Devuelve una copia superficial de una porción del array dentro de un nuevo array.
  • .splice(indice, cantidad, elemento): Cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.
  • .map(función): Crea un nuevo array con los resultados de aplicar una función a cada elemento del array.
  • .filter(función): Crea un nuevo array con todos los elementos que pasen una prueba (función).
  • .reduce(función, valorInicial): Aplica una función a un acumulador y a cada valor de un array para reducirlo a un único valor.
  • .forEach(función): Ejecuta una función para cada elemento de un array.
  • ==.sort()== : ordena los elementos de un arreglo alfabéticamente, en caso de numero los ordena por su primer numero o digito.
  • ==.indexOf(valorBuscado, [indiceInicio])==:
    • Con arrays: Devuelve el índice de la primera aparición de un elemento en un array. Si no se encuentra, devuelve -1.
  • ==.join(simbolo)== : convierte el arreglo en un string con un simbolo como separador entre cada elemento del arreglo, por defecto son comas.

2. Métodos de String:

  • .length: Propiedad que devuelve la longitud de una cadena.
  • .indexOf(valorBuscado, [indiceInicio]):
    • Con cadenas: Devuelve el índice de la primera aparición de una subcadena en una cadena. Si no se encuentra, devuelve -1.
  • .toUpperCase(): Convierte una cadena a mayúsculas.
  • .toLowerCase(): Convierte una cadena a minúsculas.
  • .trim(): Elimina los espacios en blanco de ambos extremos de una cadena.
  • .includes(subcadena): Determina si una cadena puede ser encontrada dentro de otra cadena, regresando true o false.
  • .substring(inicio, fin): Devuelve una parte de la cadena entre los índices especificados.
  • .split(separador): Divide una cadena en un array de subcadenas.
  • .replace(valorABuscar, valorDeReemplazo): Reemplaza un valor especificado con otro valor en una cadena.
  • .repeat(x) : repite el string la x cantidad de veces
  • . endsWith ('A') : sirve para saber si la cadena termina con ese caracter.
  • .startsWith ('A') : sirve para saber si la cadena inicia con ese caracter.

3. Funciones Globales:

  • alert(mensaje): Muestra un cuadro de alerta con un mensaje.
  • console.log(mensaje): Muestra un mensaje en la consola de desarrollo.
  • parseInt(cadena, base): Convierte una cadena en un número entero.
  • parseFloat(cadena): Convierte una cadena en un número de punto flotante.
  • isNaN(valor): Determina si un valor es NaN (Not-a-Number).

4. Métodos del Objeto Math:

  • Math.random(): Devuelve un número pseudo-aleatorio entre 0 (inclusive) y 1 (exclusivo).
  • Math.floor(numero): Redondea un número hacia abajo al entero más cercano.
  • Math.ceil(numero): Redondea un número hacia arriba al entero más cercano.
  • Math.round(numero): Redondea un número al entero más cercano.
  • Math.max(...valores): Devuelve el número mayor de los argumentos proporcionados.
  • Math.min(...valores): Devuelve el número menor de los argumentos proporcionados.
  • Math.sqrt(x) : la raiz cuadrada de x
  • Math.pow(x,y) : x elevado a la y
  • Math.abs(x) : devulve el valor absoluto de x sin desimal

5. Métodos de Manipulación del DOM:

  • document.getElementById(id): Devuelve el elemento que tiene el ID especificado.
  • document.querySelector(selectores): Devuelve el primer elemento que coincide con los selectores especificados.
  • document.querySelectorAll(selectores): Devuelve una lista de todos los elementos que coinciden con los selectores especificados.
  • element.addEventListener(evento, función): Asocia una función a un evento de un elemento.
  • element.classList.add(clase): Añade una o más clases al elemento.
  • element.classList.remove(clase): Elimina una o más clases del elemento.
  • element.innerHTML: Propiedad que obtiene o establece el HTML dentro de un elemento.

6. Métodos de Promesas y Asincronía:

  • fetch(url): Realiza una solicitud HTTP para obtener datos de una URL y devuelve una promesa.
  • .then(función): Adjunta funciones que se ejecutarán después de que la promesa sea resuelta.
  • .catch(función): Adjunta funciones que se ejecutarán cuando la promesa sea rechazada.
  • async y await: Palabras clave para manejar asincronía de manera más legible y ordenada.