Ejemplo de JavaScript
- Página anterior JS D3.js
- Página siguiente JS HTML DOM
¿Qué puede hacer JavaScript?
Dónde insertar JavaScript
Salida de JavaScript
Sintaxis de JavaScript
- Expresiones de JavaScript
- Números de JavaScript
- Cadenas de JavaScript
- Variables de JavaScript
- Operadores de JavaScript
- Asignación de JavaScript
- Expresión de JavaScript (usando constante)
- Expresión de JavaScript (usando cadena)
- Expresión de JavaScript (usando variable)
- Palabras clave de JavaScript
- Comentarios de JavaScript
- JavaScript es sensible a mayúsculas y minúsculas
Expresiones de JavaScript
- Las sentencias de JavaScript son órdenes para el navegador
- El código de JavaScript es una serie de sentencias
- Las sentencias de JavaScript están separadas por puntos y coma
- Una línea puede contener múltiples sentencias
- Las sentencias de JavaScript se pueden combinar en un bloque de código
- Puede doblar la línea del código después de un operador o coma
Comentarios de JavaScript
Variables de JavaScript
- Variables de JavaScript
- Variable de JavaScript como álgebra
- Números y cadenas en JavaScript
- Palabra clave var en JavaScript
- Declaración de múltiples variables en una sola línea
- Declaración de múltiples variables en múltiples líneas
- Una variable sin valor devuelve undefined
- Redeclarar una variable no destruye su valor
- Adición de arrays en JavaScript
- Adición de cadenas en JavaScript
- Adición de cadena y número
- Adición de número y cadena
Aritmética de JavaScript
Asignación de JavaScript
Concatenación de cadenas en JavaScript
Tipos de datos de JavaScript
Objetos de JavaScript
- Crear variable JavaScript
- Crear objeto JavaScript
- Crear el objeto person (línea única)
- Crear el objeto person (multilínea)
- Acceder a las propiedades del objeto usando .property
- Acceder a las propiedades del objeto usando [property]
- Acceder a las propiedades de la función mediante el método
- Acceder a las propiedades de la función mediante la propiedad [property]
Funciones de JavaScript
Eventos de JavaScript
Cadenas de JavaScript
- Las cadenas pueden estar envueltas en comillas simples o dobles
- Mostrar algunos ejemplos de cadenas
- Añadir una barra invertida antes de las comillas se considera una comilla
- Determinar la longitud de la cadena
- Usar la barra invertida para hacer una nueva línea en una cadena de texto
- No se puede usar la barra invertida para hacer una nueva línea en el código
- Determinar la posición de aparición inicial del texto en la cadena - indexOf()
- Buscar texto en la cadena y devolver este texto después de encontrarlo - match()
- Reemplazar caracteres en la cadena - replace()
- Convertir la cadena a mayúsculas - toUpperCase()
- Convertir la cadena a minúsculas - toLowerCase()
- Dividir la cadena en un array - split()
Números de JavaScript
- Se puede escribir un número con o sin punto decimal
- Se puede escribir números muy grandes o muy pequeños utilizando el sistema de cuenta exponencial
- Los números se redondean a 15 dígitos
- La aritmética de coma flotante no siempre es 100% precisa
- Pero se puede resolver este problema multiplicando y dividiendo por 10
- La suma de dos números produce un nuevo número
- Sumar dos cadenas de números produce una cadena de conexión
- Sumar un número y una cadena de números también produce una cadena de conexión
- Sumar una cadena de números y un número también produce una cadena de conexión
- Error común al sumar cadenas de caracteres y números 1
- Error común al sumar una cadena y un número 2
- JavaScript intenta convertir cadenas de caracteres en números en operaciones de división
- JavaScript intenta convertir cadenas de caracteres en números en operaciones de multiplicación
- JavaScript intenta convertir cadenas de caracteres en números en operaciones de sustracción
- JavaScript no convierte cadenas de caracteres en números en operaciones de adición
- El número que se divide por una cadena de caracteres ya no es un número
- Dividir un número por una cadena de caracteres numérico es un número
- La función global JavaScript isNaN() determina si el valor es un número
- Usar NaN en operaciones matemáticas siempre devolverá NaN
- Usar NaN en operaciones matemáticas de cadenas de caracteres conectará NaN
- El tipo de NaN es número (¡sí! typeof NaN devuelve number)
- Si se calcula un número fuera del rango de los números posibles, se devuelve infinito (Infinity)
- Dividir por cero genera Infinity
- Infinity también es un número (typeof Infinity devuelve number)
- Los constantes con prefijo 0x se interpretan como hexadecimal
- El método toString() puede emitir números en hexadecimal, octal o binario
- Los números pueden ser objetos
- Los números y los objetos no se pueden comparar de manera segura
- Los objetos y los objetos no se pueden comparar de manera segura
Métodos de números de JavaScript
- El método toString() convierte un número en una cadena de caracteres
- El método valueOf() devuelve un número como número
- toExponential() devuelve un número con una notación exponencial
- El método toFixed() redondea un número a un número de dígitos específicos
- toPrecision() devuelve un número con una longitud especificada
- El método global Number() convierte una variable en un número
- El método global Number() incluso puede convertir una fecha en un número
- El método global parseInt() convierte una cadena de caracteres en un número
- El método global parseFloat() convierte una cadena de caracteres en un número
- MAX_VALUE devuelve el número más grande posible en JavaScript
- MIN_VALUE devuelve el número más pequeño posible en JavaScript
- POSITIVE_INFINITY representa el infinito positivo
- Al sobrepasar el límite se devuelve POSITIVE_INFINITY
- NEGATIVE_INFINITY representa el infinito negativo
- Al sobrepasar el límite se devuelve NEGATIVE_INFINITY
- NaN representa 'no número'
- La aritmética ejecutada en cadenas de caracteres causará NaN
- Usar propiedades numéricas en variables devolverá undefined
JavaScript matemático
- Math.PI devuelve el valor de PI
- Math.round(x) devuelve el valor entero más cercano a x (redondeo)
- Math.pow(x, y) devuelve x elevado a la potencia y
- Math.sqrt(x) devuelve la raíz cuadrada de x
- Math.abs(x) devuelve el valor absoluto de x
- Math.ceil(x) devuelve el valor de x redondeado hacia arriba
- Math.floor(x) devuelve el valor de x redondeado hacia abajo
- Math.sin(x) devuelve el seno del ángulo x (medido en radianes)
- Math.cos(x) devuelve el coseno del ángulo x (medido en radianes)
- Math.max() devuelve el valor más alto de la lista de argumentos
- Math.min() devuelve el valor más bajo de la lista de argumentos
- Convertir grados Celsius a Fahrenheit
Aleatorio de JavaScript
- Math.random() devuelve un entero aleatorio entre 0 (incluido) y 1 (no incluido)
- Cómo devolver un entero aleatorio entre 0 y 9 (ambos incluidos)
- Cómo devolver un entero aleatorio entre 0 y 10 (ambos incluidos)
- Cómo devolver un entero aleatorio entre 0 y 99 (ambos incluidos)
- Cómo devolver un entero aleatorio entre 0 y 100 (ambos incluidos)
- Cómo devolver un entero aleatorio entre 1 y 10 (ambos incluidos)
- Cómo devolver un entero aleatorio entre 1 y 100 (ambos incluidos)
- Cómo devolver un entero aleatorio entre x (incluido) y y (no incluido)
- Cómo devolver un entero aleatorio entre x e y (ambos incluidos)
Fechas de JavaScript
- Usar Date() para mostrar la fecha y hora de hoy
- Usar getFullYear() para mostrar el año
- Usar getTime() para calcular los milisegundos desde 1970 hasta ahora
- Usar setFullYear() para establecer una fecha específica
- Usar toUTCString() para convertir la fecha de hoy (según UTC) en una cadena
- Usar getDay() para mostrar el nombre del día de la semana en número
- Usar getDay() y un array para mostrar el nombre del día de la semana
- Mostrar el reloj
Arreglos de JavaScript
Métodos de arreglos de JavaScript
- Agregar elementos al array
- Eliminar el último elemento del array - pop()
- Conectar todos los elementos del array en una cadena - join()
- Conectar dos arrays - concat()
- Conectar tres arrays - concat()
- Agregar un elemento a la posición 2 del array - splice()
- Convertir el array a una cadena - toString()
- Agregar nuevos elementos al principio del array - unshift()
- Eliminar el primer elemento del array - shift()
- Elegir elementos del array - slice()
Ordenamiento de arreglos de JavaScript
- Ordenar el array en orden ascendente
- Ordenar el array en orden descendente
- Ordenar números en orden ascendente
- Ordenar números en orden descendente
- Ordenar números (por orden alfabético o numérico)
- Ordenar los números del array en orden aleatorio
- Determinar el número más pequeño del array
- Determinar el número más grande del array
- Usar Math.min() para determinar el número más pequeño del array
- Usar Math.max() para determinar el número más grande del array
- Usar el método "autohecho" myArrayMin
- Usar el método "autohecho" myArrayMax
- Ordenar objetos por propiedad numérica
- Ordenar objetos por propiedad de cadena
Iteración de array en JavaScript
Conversión de tipos de JavaScript
Boolean en JavaScript
- Mostrar el valor de Boolean(10 > 9)
- Mostrar el valor de 10 > 9
- Todo lo que tiene un valor verdadero es true
- El valor booleano del cero es false
- El valor booleano del cero (minus zero) es false
- El valor booleano de una cadena vacía es false
- El valor booleano de undefined es false
- El valor booleano de null es false
- El valor booleano de false es false
- El valor booleano de NaN es false
Comparación en JavaScript
- Asignar 5 a x y luego mostrar el valor de (x == 8)
- Asignar 5 a x y luego mostrar el valor de (x == 5)
- Asignar 5 a x y luego mostrar el valor de (x === 5)
- Asignar 5 a x y luego mostrar el valor de (x === "5")
- Asignar 5 a x y mostrar el valor de (x != 8)
- Asignar 5 a x y mostrar el valor de (x !== 5)
- Asignar 5 a x y mostrar el valor de (x !== "5")
- Asignar 5 a x y mostrar el valor de (x > 8)
- Asignar 5 a x y mostrar el valor de (x < 8)
- Asignar 5 a x y mostrar el valor de (x >= 8)
- Asignar 5 a x y mostrar el valor de (x <= 8)
Condiciones JavaScript
Bucle JavaScript
Manejo de errores JavaScript
Expresiones regulares de JavaScript
Objetos de JavaScript
- Crear variable JavaScript
- Crear objeto JavaScript
- Crear objeto JavaScript (línea simple)
- Crear objeto JavaScript (multilínea)
- Crear objetos JavaScript usando new
- Crear objetos JavaScript usando constructor
- Crear objetos JavaScript integrados
- La mejor manera de crear variables JavaScript
- Los objetos JavaScript son mutables
Atributos del objeto de JavaScript
Objeto JSON
Arreglo JSON
Análisis JSON
JSON Stringify
PHP JSON
HTML JSON
Explicación de ejemplo: JSON JSONP
- Página anterior JS D3.js
- Página siguiente JS HTML DOM
