Docmentación de Java Script.
📘 JavaScript Cheat Sheet (Tabla)
Método /
Categoría Uso Ejemplo
Operador
Posición de "abc".indexOf("b"
Strings indexOf()
substring ) // 1
Verifica si "JS".includes("J") /
includes()
contiene / true
"JavaScript".slice(
slice() Extrae parte
0,4) // 'Java'
toLowerCa
Cambia
se() / "Hi".toUpperCase
mayúsculas/min
toUpperC () // 'HI'
úsculas
ase()
trim() /
trimStart()
Quita espacios " Hi ".trim() // 'Hi'
/
trimEnd()
replace() / "JS
replaceAll( Reemplazo JS".replaceAll("JS"
) ,"Code")
"Hi".repeat(3) //
repeat(n) Repite string
'HiHiHi'
parseInt()
/ Convierte string parseInt("42px") /
Números
parseFloat a número / 42
()
.toFixed(n Fija decimales (3.1415).toFixed(
) (string) 2) // '3.14'
NaN, Valores
"abc"-2 // NaN
Infinity especiales
Método /
Categoría Uso Ejemplo
Operador
Igualdad
Comparaci == vs 5=="5" // true,
(conversión vs
ones === 5==="5" // false
estricta)
5!="5" // false, 5!
!= vs !== Desigualdad
=="5" // true
>, , >=, Comparaciones 6>9 // false
Operadore
&& AND lógico true && "hi" // 'hi'
s
"Gues
OR
` t" //
` ` lógi
0 'Gues
co
t'`
Nullish null ?? "default" //
??
coalescing 'default'
+"42" // 42, !
+, -, !, ~ Unarios
true // false
Condicion if / else if / Decisiones
if(x>0){...}
ales else múltiples
switch(day){case
switch Múltiples casos
1:...}
Ternario ? age>18 ?
Condición corta
: "OK":"NO"
[Link]
Math Aleatorio [0,1) [Link]()
om()
[Link](
) / [Link](1,5,3) //
Mínimo / máximo
[Link] 1
()
[Link]() Redondeos [Link](4.7) //
/
Método /
Categoría Uso Ejemplo
Operador
[Link]
() /
4
[Link]
d()
[Link] [Link](9.8) //
Quita decimales
c() 9
[Link](
) / Raíz cuadrada /
[Link](81) // 9
[Link]( cúbica
)
[Link](
Valor absoluto [Link](-5) // 5
)
[Link]( [Link](2,3) //
Potencia
a,b) 8
Tradiciona Definición function sum(a,b)
Funciones
l clásica {return a+b}
const
Asignada a
Expresión mult=function(a,
variable
b){return a*b}
Flecha Sintaxis corta const sq=x=>x*x
Parámetro
s por Valores iniciales (x=5)=>x*2
defecto
Global, local, let, const
Scope
bloque delimitan alcance
push(): añade elementos al final y devuelve la nueva longitud.
pop(): elimina el último elemento y lo devuelve.
unshift(): añade elementos al inicio y devuelve la nueva longitud.
shift(): elimina el primer elemento y lo devuelve.
Tema / Acción Detalles clave Ejemplo / Nota
Métodos básicos: push, [Link]("item") añade al
Arrays en JS
pop, unshift, shift final
- Unidimensional: lista
Arrays
lineal
unidimensionales fruits[2] → "cherry"
- Bidimensional:
vs chessboard[0][3] → "Q"
cuadrícula (arreglo de
bidimensionales
arreglos)
Extraer valores
directamente en
Desestructuración const [a,b] = [1,2] → a=1,
variables, ignorar
de arreglos b=2
elementos, usar
valores por defecto
Uso combinado de
Invertir cadenas split(""), reverse(), "hello" → "olleh"
join("")
Funciones para
gestionar menú: getRandomLunch(lunches)
Lunch Picker
agregar, eliminar, selecciona un almuerzo al
Program
mostrar y elegir azar
aleatorio
No usar return arr[]
(incorrecto), validar
Errores comunes Correcto: return arr;
arreglos vacíos antes
de operar
Validar cada función
Checklist de Ej: addLunchToEnd([],
con entradas y salidas
pruebas "Arepas") → ["Arepas"]
esperadas
📚 Métodos básicos de arreglos en JavaScript
Métod Función Resulta
Ejemplo
o principal do
push() Agrega al final [Link](4) [1,2,3,4]
Elimina el
pop() [Link]() [1,2]
último
Elimina el
shift() [Link]() [2,3]
primero
unshift [Link](
Agrega al inicio [0,1,2,3]
() 0)
🔍 Métodos de búsqueda
Resulta
Método Función principal Ejemplo
do
indexOf( Devuelve índice de primera ["a","b","c"].indexOf
1
) coincidencia, o -1 si no existe ("b")
includes Devuelve true/false si el valor ["a","b","c"].includes
false
() existe ("d")
Devuelve el primer elemento [5,12,8].find(x => x
find() 12
que cumple condición > 10)
✂️Métodos para modificar/copiar
Métod
Función principal Ejemplo Resultado
o
splice( Elimina o inserta elementos en [Link](1,2," Modifica arreglo
) cualquier posición X") original
Devuelve una copia parcial del Nueva copia
slice() [Link](1,3)
arreglo [2,3]
📝 Ejemplos prácticos
js
// indexOf
const frutas = ["manzana", "banana", "cereza"];
[Link]([Link]("banana")); // 1
[Link]([Link]("naranja")); // -1
// splice
const numeros = [1, 2, 3, 4, 5];
[Link](1, 2);
[Link](numeros); // [1, 4, 5]
[Link](2, 0, 99, 100);
[Link](numeros); // [1, 4, 99, 100, 5]
// slice
const letras = ["a","b","c","d"];
[Link]([Link](1,3)); // ["b","c"]
// includes
[Link]([Link]("c")); // true
[Link]([Link]("z")); // false
✅ Checklist rápido para usar en ejercicios
[ ] Identificar si necesito agregar/quitar → usar push, pop, shift,
unshift.
[ ] Si debo insertar/eliminar en medio → usar splice.
[ ] Si necesito copiar sin modificar → usar slice.
[ ] Para buscar posición → usar indexOf.
[ ] Para verificar existencia → usar includes.
[ ] Para condiciones más complejas → usar find.
📊 Resumen de conceptos y ejemplos vistos
Concepto Nota
Tema Ejemplo de código
clave importante
Dot notation
Acceso a ([Link]) y Dot es más
[Link] /
propiedade Bracket legible, bracket
person["age"]
s notation más flexible.
(obj["prop"])
Elimina la clave
y valor,
Eliminar
Operador devuelve
propiedade delete [Link];
delete undefined si se
s
accede
después.
in incluye
Verificar
hasOwnPropert [Link]("age" prototipo,
propiedade
y() vs in ) / "age" in obj hasOwnPropert
s
y solo propias.
Usar corchetes
Objetos Acceso a [Link]
para claves
anidados y niveles k /
dinámicas o
arrays profundos [Link][1].city
con espacios.
Primitivos = Primitivos son
Primitivos valor directo, let a=5; let b=a; vs const inmutables,
vs objetos Objetos = copy=obj; objetos
referencia mutables.
Función =
Métodos usan
independiente,
Funciones function greet(){} vs this para
Método =
vs métodos [Link]=function(){} referirse al
dentro de
objeto.
objeto
Constructor Crear o new Object() / Object(42) En práctica se
Object() convertir usa más {}
valores en
Concepto Nota
Tema Ejemplo de código
clave importante
objeto literal.
Formato de Claves siempre
JSON básico intercambio de {"name":"Alice","age":30} entre comillas
datos dobles.
[Link] Esencial para
Convertir entre
/ [Link]('{"x":1}') / APIs y
objeto ↔ string
[Link] [Link]({x:1}) almacenamient
JSON
fy o.
Devuelve
Optional
Acceso seguro user?.profile?.address?.str undefined en
chaining
a propiedades eet vez de error si
(?.)
falta algo.
Permite
renombrar,
Object Extraer valores
const {name, age} = valores por
destructuri de objetos en
person; defecto y
ng variables
destructuring
anidado.
🚀 Conclusión