Categories
SEO

Hoja de trucos de JavaScript (con mesa y descargable PDF)

Si aún está aprendiendo JavaScript o es un desarrollador avanzado, puede ser útil mantener una hoja de referencia para comandos comunes de JavaScript. Hemos compilado una hoja de trucos de JavaScript descargable para mantenerse cerca de su escritorio.

Pero primero, vamos a recapitular lo que es JavaScript y cómo funciona.

¿Qué es JavaScript?

JavaScript es un lenguaje de programación utilizado para crear elementos interactivos de un sitio web, como mapas, videos de desplazamiento y animación. Funciona en tándem con otros lenguajes codificantes, como HTML y CSS.

¿Cuál es la diferencia entre JavaScript, HTML y CSS?

JavaScript, HTML y CSS son todos los idiomas de programación con Mayor Diferencias:

HTML es el idioma utilizado para definir texto y encabezados, así como para incrustar imágenes en una página web. CSS es elEl lenguaje se utiliza para aplicar el estilo al contenido HTML, como los colores y las fuentes. JavaScript es el idioma que crea contenido interactivo y dinámico, como mudanzas de gráficos, mapas, videos de desplazamiento y más.

Cuando JavaScript se sienta en su sitio web

Javascript se encuentra en el HTML de sus páginas web. Debe ser reservado por

Etiquetas. Por ejemplo:

// El código JS va aquí

También puede agregar su JavaScript a un archivo y enlace a ello dentro de su código HTML. Esta forma de enlace, mencionada a veces como “enlazar a JavaScript externamente”, le ayuda a realizar un seguimiento de su código.

Cómo escribir Javascript

Hay categorías de código JavaScript, que incluyen:

Variables: una variable es un elemento que puede variar (es decir, un valor de datos que puede serCambiado). Operadores: Al igual que con otros lenguajes de programación, un operador opera valores de datos individuales o múltiples para producir un resultado. Funciones: una función toma una entrada y produce una salida relacionada. Por lo general, este es un conjunto de declaraciones que realizan una tarea para producir un resultado. Bucles: este bucea un bloque de código hasta que se cumplan ciertas condiciones. SIGNIFICADOS DE SIFERENCIA: Al igual que un diagrama de flujo, si las declaraciones de código de flujo ejecutan bloques de código si ciertas condiciones son verdaderas. Si las condiciones son falsas, se ejecuta otro bloque de código. Cadenas: las cuerdas son una forma de almacenar texto. En cadenas, el primer carácter es 0, el segundo carácter es 1, el tercer carácter es 2, y así sucesivamente. Expresiones regulares: También se llama una expresión racional, una expresión regular es una serie de caracteres en un patrón usado para igualar el carácter COMbinations. Números y matemáticas: los números y las matemáticas son propiedades estáticas para las constantes y funciones matemáticas. FECHAS: Como sugiere el nombre, las fechas en JavaScript son un momento en el tiempo que puede ser tan específico como un milisegundo en particular en cualquier día en particular. DOM NODE: Un nodo DOM es una forma de permitir que JavaScript actualice dinámicamente el contenido de una página. EVENTOS: Un evento es cualquier cambio o actualización a la página web que se produce a partir del código JavaScript que se ejecuta.

Hoja de trucos de comando Javascript

Cuando trabaje con JavaScript, pruebe nuestra ‘Hoja de trucos’ de JavaScript.

Variables

Estos son elementos que pueden variar, lo que puede incluir variables, tipos de datos y matrices.

Var Edad = 23

Variables

Operaciones

var c = verdadero

const pi = 3.14

Números constantes

Var Name = {FirstName: “John”, Apellido: “DOE”}

Concat ()

LastIndexof ()

POP ​​()

El VARI más comúncapaz. Variables var se mueven a la parte superior cuando se ejecuta el código

Const

Una variable que no se puede reasignar y no es accesible antes de que aparezcan dentro del código

Deje

La variable deja que se pueda reasignar pero no re-declarada

Números

var x

var a = “init”

Texto (cadenas)

var b = 1 + 2 + 3

Declaraciones verdaderas o falsas

Objetos

Únase a varias matrices en uno

ÍNITEOF ()

Devuelve la primera posición a la que aparece un elemento dado en una matriz

Únase a ()

Combine elementos de una matriz en una sola cadena y devuelva la cadena

Da la última posición a la que aparece un elemento dado en una matriz

Elimina el último elemento de una matriz

PUSH ()

INVERSO ()

Reverse del orden del Elementos en una matriz

MAYÚS (

Ordenar alfabéticamente

SPLICE ()

Agrega elementos de forma específica y posición

Convierte elementos a cadenas

UNSPLANT ()

Valor de ()

Operadores

Además

DIVISIÓN

Operador de agrupación

(2 signos iguales) ==

igual a

Valor igual y tipo igual

! ==

Agregue un elemento nuevo al final

Retire el primer elemento de una matriz

Slice ()

Tira una copia de una parte de una matriz en una nueva matriz de 4 24

Ordenar ()

Tostring ()

Agrega un nuevo elemento al principio

Devuelve el valor primitivo del objeto especificado

Estos son valores de datos simples o múltiples utilizados para producir un resultado, incluidos los operadores básicos, los operadores de comparación, los operadores lógicos y los operadores de bits.

(letrero más) +

<

<=

Multiplicación

(

Operador de agrupación

resto

(dos signos más) ++

Números de incremento

– –

Números de decremento

<<

(3 signos iguales) ===

! =

No es igual valor o no tipo igual

>

mayor que

Menos de o EQUAL tO

?

Operador de Ternario

lógico y

!

lógico no

&

o declaración

~

Menos de

> =

mayor o igual a

&&

!

Lógico o

^

Mayús derecho

CERO CAMBIO DERECHO DE LLENO

XOR

Desplazamiento izquierdo

>>

> >>

Funciones

Confirmar ()

Muestra un cuadro de mensaje con opciones OK / CANCEL

Console.log ()

Solicitud ()

Un cuadro emergente que necesita entrada de usuario

Codifica un URI en UTF-8

Codifica un URI utilizando números para representar las letras

EVAL ()

Isfinite ()

Determina si un valor aprobado es Un número finito

Estos realizan una tarea para producir una salida relacionada, incluidos los datos de salida y las funciones globales.

Alerta ()

Se muestra un cuadro de alerta con un botón OK

Escribe información al navegador

Documento. Escribir ()

Escribe directamente al documento HTML

Decodeuri ()

Decodifica un identificador de recursos uniforme (URI)Creado por Encodeuri

Decodeuricomponent ()

Decodifica un componente URI

ENCODEURI ()

ENCODEURIComponent (

)

Evalúa el código JavaScript representado como una cadena

IsNan ()

Determina si un valor es NAN o NO

Número ()

Devuelve un número convertido de su argumento

ParsFloat ()

analiza un argumento y devuelve un número de punto flotante

Parsint ()

analiza su argumento y devuelve un entero

Bucles

Estos se producen hasta que se cumplan ciertas condiciones.

La forma más común de crear un bucle en JavaScript

Mientras que

configuran condiciones para un bucle

verifican una vez más para ver si las condiciones se cumplen

Continuar

Estos están diseñados para ejecutar bloques de código si se cumplen ciertas condiciones.

} else {//}

cadenas

Cita única

Cotización doble

\ F

Formar la alimentación

retorno de carro

Devuelve un carácter en una posición especificada

le proporciona el Unicode del carácter en una posición específica

Se une a múltiples cadenas

ÍNITEOF ()

Devuelve cualquier coincidencia de una cadena

para

Do-while

Rotura

Detiene el ciclo de bucle Si las condiciones no se cumplen

Omitir partes del bucle Si se cumplen las condiciones

if – Else declaraciones

Si (condición) {//}

Si se cumple una afección. esto

Si no se cumple una afección, haga esto

Estos almacenan texto e incluyen caracteres de escape y métodos de cadena.

\ “

\\

Backslash

Retroceso

Newline

\ t

Tabulador horizontal

Tabulador vertical

Charat ()

CHARCODEAT ()

concat ()

fromchcharcode ()

convierte los valores de UNICODE UTF-16 a los caracteres

Devuelve la posición de la primera aparición de un elemento específico

LastIndexof ()

Devuelve la posición de la última aparición de un elemento específico

Coincidencia ()

Reemplace ()

Encuentre y reemplace el texto específico

Búsquedas de texto y devuelve su posición

Extrae una sección de una cadena y la devuelve

Divita una cadena en las subcaquiadas y la devuelve en una posición específica

Extrae una cadena y la devuelve en una posición específica

Excluyendo índices negativos, divide una cadena en subcadenas y la devuelve en una posición específica

Tóloca ()

Búsqueda ()

Slice ()

.

split ()

Substr ()

Subtrucción ()

Convierte a minúsculas

TOUPPERCASE ()

Convierta a mayúsculas

Valor ()

Devuelve el valor primitivo de un objeto de cadena

Expresiones regulares

Estos son patrones, incluidos los modificadores de patrones, bracKets, Metacaracteres y Cuantificadores.

Evalúe el reemplazo

I

Realice una coincidencia insensible a mayúsculas

Realice la coincidencia global

Realice una coincidencia de línea múltiple

s

Traje las cadenas como una sola línea

Encuentre cualquier carácter que no esté en los soportes

[0 -9]

Se utiliza para encontrar cualquier dígito de 0 a 9

Encuentre cualquier carácter de mayúsculas A a minúsculas Z

Encuentre cualquiera de las alternativas separadas con |

Encuentre un solo carácter, excepto la nueva línea o el terminador de línea

A NOCarácter N-dígito

\ S

Encuentre una coincidencia al principio / final de una palabra

\ 0

NUL CARACTER

Un carácter de nueva línea

Forma el carácter de alimentación

Carácter de retorno de carro

x

Permita que los comentarios y el espacio en blanco en el patrón

no Patrón codicioso

[ABC]

Encuentre cualquiera de los caracteres entre los corchetes

[^ ABC]

[AZ]

[A | B | C)

.

Carácter de palabras

Carácter no palabra

\ d

Un dígito

Carácter de espacio en blanco

Carácter no en blanco

A Coincidir no al principio / final de una palabra

\ n

\ F

Cuadro de pestaña

\ V

Cuadro de pestaña vertical

El carácter especificado por un Número hexadecimal DD

El carácter Unicode especificado por un número hexadecimal XXXX

N +

coincide con cualquier cadena que contenga al menos un N

Números y matemáticas

MIN_VALUE

El valor numérico positivo más pequeño representa en JavaScript

El valor “NO NÚMERO NO”

Positive_Infinity

Tostring ()

Devuelve un número como una cadena

ValorOF ()

Devuelve un número como un número

Número de EULER

Base 10 Logaritmo de E

SQRT1_2

La raíz cuadrada de 1 /2

sqrt2

La raíz cuadrada de 2

ABS (X)

Fechas

La tangente de un ángulo

Crea un nuevo objeto de fecha con la fecha y la hora actual

Fecha (2017, 5, 21, 3, 23, 10, 0)

Crea un objeto de fecha personalizado. Los números representan un año, mes, día, hora, minutos, segundos, milisegundos. Puedes omitir unTodo lo que quieres, excepto por año y mes.

FECHA (“2017-06-23”)

El día de la semana como un número (0-6)

conécfule ()

Año como un número de cuatro dígitos (YYAY)

\ xxx

El carácter especificado por un número octal XXX

\ XDD

son ​​funciones matemáticas, incluidas las propiedades de los números, los métodos de número, las propiedades de matemáticas y los métodos de matemáticas.

MAX_VALUE

El valor numérico máximo representable en JavaScript

NAN

NEGABS_INFINITY

El valor infinito negativo

Valor infinito positivo

TOEXPonential ()

Devuelve una cadena con un número redondeado escrito como notación exponencial

Tofixed ()

Devuelve la cadena de un número con un número específico de decimales

Toprecisión ()

Una cadena de un númeroBER escrito con una longitud específica

E

lo natural Logaritmo de 2

Logaritmo natural de 10

LOG2E

Logaritmo base 2 de E

Log10e

PI

El número PI

Devuelve el valor absoluto (positivo) de x

Estos incluyen puntos específicos en el tiempo e incluyen fechas de configuración, y tirar los valores de fecha y hora, y configurar parte de una fecha.

Tan (x)

FECHA ()

Declaración de fecha como una cadena

GetDate ()

Deer el día del mes como un número (1-31)

GETDAY ()

GetHours ()

Obtenga la hora (0-23)

Obtenga el minuto (0-59)

Getseconds ()

Consigue el segundo (0-59

GetTCDate ()

El parse

analiza una representación de cadena de una fecha y devuelve el Número de milisegundos desde el 1 de enero de 1970

SetfilyEar ()

establece el año (opcionalmente mesy día)

SetMonth ()

FIJECTDATE ()

Esto permite a JavaScript actualizar la página web e incluir propiedades de nodo, métodos de nodo y métodos de elementos.

GetMillisegundos ()

El milisegundo (0-999)

Getminutes ()

GetMontth ()

Mes como un número (0-11)

GetTime ()

Consigue los milisegundos desde el 1 de enero de 1970

El día (fecha) del mes en la fecha especificada de acuerdo con la hora universal (también disponible para el día, mes, lleno año, horas, minutos, etc.)

SetDate ()

Establezca el día como un número (1- 31)

Sethours ()

Establezca la hora (0-23)

SetMillisegundos ()

Establecer milisegundos (0-999)

Setlinutes ()

Establece los minutos (0-59)

Establezca el mes (0-11)

SetSegundos ()

Conjuntos los segundos (0-59)

Settime ()

Establezca la hora (Millisegundos desde el 1 de enero de 1970 )

Establece el día del mes para una fecha específica de acuerdo con la hora universal (también Disponible para día, mes, año completo, horas, minutos, etc.)

DOM NODE