Usando En Javascript
exp |
filter |
find |
iat |
JavaScript |
log |
ones |
repeat |
sin |
split
Michael Zippo
04.11.2021
JavaScript es un lenguaje de programaciòn que se utiliza para crear contenido dinámico en sitios web.
Tòmese un momento para pensar en las funciones web que utiliza todos los dìas. Piensa en còmo se carga el contenido nuevo cuando sigues desplazándote por Twitter o còmo se actualiza YouTube cuando haces clic en el botòn me gusta
. Esto es JavaScript en funcionamiento. JavaScript se puede utilizar para crear formularios interactivos, animar imágenes, crear elementos de respuesta y más, seg√∫n sus necesidades.
Cuando esté desarrollando un sitio web, hay tres tecnologìas web principales que utilizará: < còdigo> HTML, CSS
y JavaScript
. Utilizará HTML
para determinar la estructura de una página web y CSS
para controlar còmo aparece una página web. JavaScript
es el tercer elemento del desarrollo web que puede utilizar para hacer que su sitio sea dinámico.
Y eso no es todo lo que JavaScript puede hacer. Si desea crear más que una página web estática, querrá utilizar JS. Pero JavaScript también se puede utilizar en el desarrollo web back-end, o para desarrollar juegos, o para crear aplicaciones mòviles. & Nbsp;
En esta guìa, vamos a desglosar algunas de las operaciones más comunes que puede encontrar a medida que aprende JavaScript. Analizaremos los fundamentos de JavaScript, incluidas las subcadenas, probar su còdigo con bloques try ... catch
, usar declaraciones if y más. Una vez que hayamos cubierto los conceptos básicos, también exploraremos algunas funciones de JavaScript más avanzadas.
Si eres nuevo en JavaScript y estás buscando un tutorial introductorio, ¬°no busques más que esta guìa! Comencemos a explorar algunas de las operaciones más comunes en JavaScript.
Filtro y reducciòn de JavaScript
Cuando trabaje con una matriz en JavaScript, es posible que desee filtrar sus objetos o ejecute un cálculo en elementos dentro de la matriz. Ahì es donde entran las funciones filter ()
y reduce ()
, respectivamente.
El filter ()
La funciòn se puede usar para obtener valores que cumplan con criterios particulares de una matriz. A continuaciòn, se muestra un ejemplo de una funciòn de filtro que devuelve a todos los estudiantes de primer grado
:
El método reduce ()
puede usarse para reducir una matriz a un solo valor. Por ejemplo, si queremos obtener la edad total de los estudiantes en una clase, podrìamos usar este còdigo:
Consulte nuestra guìa completa sobre estas funciones para aprender más sobre còmo funcionan y còmo puede usarlos en su còdigo.
Las cadenas se utilizan en programaciòn para mostrar y trabajar con texto. Cuando trabaje con una cadena, es posible que desee comprobar si esa cadena contiene o no un valor determinado. Por ejemplo, es posible que desee comprobar si el nombre de alguien contiene Jones
.
Puede utilizar el método integrado includes ()
en JavaScript para comprobar si una cadena contiene una subcadena. A continuaciòn, se muestra un ejemplo del método includes ()
que se utiliza para comprobar si una cadena contiene una subcadena:
JavaScript Split and Slice
A menudo, es posible que tenga una cadena que desee dividir en una subcadena o una matriz. Para hacer esto, puede usar las funciones de JavaScript split ()
y slice ()
.
La funciòn split ()
le permite dividir una cadena en una matriz. Por ejemplo, si desea convertir el nombre completo de un usuario en una matriz de cadenas, puede usar la funciòn split ()
. Aquì hay un ejemplo de split ()
en acciòn:
El método slice ()
devuelve todos los caracteres entre dos n√∫meros de ìndice en una cadena, lo que te permite crear una subcadena. Aquì tienes un ejemplo de slice en acciòn:
El método JavaScript splice ()
se puede utilizar para agregar o eliminar un elemento de cualquier lugar dentro de una matriz. Por ejemplo, si tiene una lista de nombres de empleados y desea eliminar el segundo en la lista, puede usar splice ()
.
Aquì hay un ejemplo de splice ()
que se usa para eliminar el nombre < còdigo> Paul, que tiene el valor de ìndice 3
, de una matriz:
JavaScript Substring
El método JavaScript substring ()
te permite extraer partes de una cadena y crear una subcadena de esas partes. Por ejemplo, si desea obtener los dos √∫ltimos caracteres en el apellido de alguien, puede utilizar el método substring ()
.
A continuaciòn, se muestra un ejemplo de còmo se utiliza una subcadena para eliminar los dos primeros caracteres de una cadena:
Todos los desarrolladores cometen errores cuando están codificando, y es muy importante asegurarse de que, si aparece un error, se maneje de manera adecuada. Los bloques try / catch se usan en JavaScript para manejar errores.
Cuando se usa un bloque try / catch, su còdigo se ejecutará y devolverá una respuesta personalizada si se encuentra un error en su còdigo. Aquì hay un ejemplo de un procedimiento try / catch en acciòn:
Las declaraciones condicionales se utilizan cuando solo desea que el còdigo se ejecute cuando se cumple un determinado conjunto de criterios. Por ejemplo, es posible que desee que su programa imprima el nombre de un usuario si ha ingresado un nombre válido y devuelva un mensaje al usuario en el navegador web si su nombre no es válido.
El La declaraciòn if / else puede usarse para ejecutar cierto còdigo si una declaraciòn es verdadera, y ejecutar un bloque de còdigo diferente si una declaraciòn es falsa. Aquì está la sintaxis de una declaraciòn if / else
:
Reemplazo de cadena de JavaScript
El JavaScript < La funciòn còdigo> reemplazar () se puede usar para reemplazar ciertos caracteres & mdash; o secuencias de caracteres & mdash; en una cadena de texto. Por ejemplo, puede usar replace ()
para cambiar cada apariciòn de la direcciòn de correo electrònico de un usuario en una cadena si el usuario ha cambiado su correo electrònico.
Aquì tienes un ejemplo de còmo puedes usar replace ()
en JavaScript para reemplazar texto:
Cuando está creando una página web, es posible que desee que un elemento haga algo cuando un usuario hace clic en él. Por ejemplo, es posible que desee que un usuario reciba un mensaje si hace clic en un botòn, o que una imagen para agrandarla y haga clic en él. Ahì es donde la funciòn onclick ()
entra.
El evento onclick ()
le permite hacer una página web interactiva para que si un usuario hace clic en un elemento, algo suceda. Lea nuestra guìa sobre el evento onclick ()
para obtener más informaciòn sobre còmo funciona y còmo puede usarlo en su còdigo.
Cuando esté trabajando con una matriz, puede decidir que desea ordenar la matriz de una manera particular. Por ejemplo, es posible que desee ordenar una lista de nombres en orden alfabético o una lista de calificaciones en orden ascendente.
La funciòn sort ()
de JavaScript se puede utilizar para organizar una matriz de una manera particular. Aquì hay un ejemplo de la funciòn sort ()
que se utiliza para organizar una matriz de nombres de estudiantes en orden alfabético:
La funciòn sort ()
también se puede usar para realizar ordenaciones avanzadas si define una funciòn personalizada dentro de la ordenaciòn. p>
Operador ternario de JavaScript
Los operadores ternarios de JavaScript son declaraciones if ... else
que comprueban si se cumple una condiciòn y ejecutan un bloque de còdigo. Por ejemplo, si desea verificar la edad de un usuario y devolver true
si es mayor de 18 años y false
si es menor de 18, puede utilizar un operador ternario.
Los operadores ternarios se utilizan a menudo en lugar de declaraciones simples if ... else
porque son compactas y caben en una lìnea.
Aquì está la sintaxis para un operador ternario en JavaScript:
Cuando Si está programando en JavaScript, es posible que desee recorrer todos los elementos de una lista. Por ejemplo, puede tener una lista de nombres de proveedores que desee imprimir al usuario. Puede utilizar el bucle forEach
para crear esta funciòn.
Un bucle forEach
es una forma de bucle for
que ejecuta una funciòn una vez en cada elemento de una matriz. Aquì está la sintaxis para un forEach
declaraciòn que recorre una lista de empresas e imprime cada una en una nueva lìnea:
Las funciones, que forman parte de la mayorìa de los lenguajes de programaciòn principales, le permiten escribir còdigo una vez para procesa y usa ese còdigo varias veces dentro de su programa.
Por ejemplo, si tiene un bloque de còdigo que verifica si un campo de formulario es válido, es posible que desee convertirlo en una funciòn, por lo que no " tengo que repetir un bloque de còdigo para cada campo de formulario en una página web.
Aquì hay un ejemplo de una funciòn en JavaScript:
Por sì misma, nuestra funciòn no hace nada, pero cuando la llamamos, la funciòn imprimirá Google
en la consola. Para llamar a nuestra funciòn, usamos el siguiente còdigo:
La palabra clave JavaScript let
se utiliza para declarar un alcance de bloque, local variable que se puede reasignar. A diferencia de las variables var
, solo se puede acceder a las variables let
en un determinado bloque de còdigo, pero se pueden reasignar como variables var
. P >
Declarar una variable usando let
funciona de la misma manera que var
:
Lea nuestro artìculo completo sobre JavaScript let
para conocer las diferencias entre var
, const
y let
, junto con còmo usarlos todos correctamente.
JavaScript Array Push
Cuando esté trabajando con una matriz, es posible que desee agregar un elemento a esa matriz. Ahì es donde entra el método JavaScript push ()
. Puede usar push ()
para agregar un elemento al final de una matriz. A continuaciòn, se muestra un ejemplo del método push ()
que se utiliza:
Salida:
También puede utilizar unshift ()
para agregar un elemento al inicio de una matriz. unshift ()
funciona de la misma manera que push ()
y acepta el mismo argumento.
Conclusiòn
JavaScript es un lenguaje de programaciòn utilizado para crear páginas web dinámicas. En esta guìa, hemos analizado algunas de las operaciones de JavaScript más comunes utilizadas por los principiantes. Hemos cubierto todo, desde la funciòn onClick
hasta el reemplazo de cadenas y la divisiòn de datos seg√∫n sus necesidades.
Sin embargo, este manual no es solo para principiantes. A medida que contin√∫e su viaje de aprendizaje de JavaScript, debe volver a esta guìa y usarla como ayuda si se pierde. Mantendremos este artìculo actualizado para que, si tiene alguna pregunta sobre una operaciòn com√∫n de JavaScript, la encuentre aquì.
Shop
Learn programming in R: courses
$
Best Python online courses for 2022
$
Best laptop for Fortnite
$
Best laptop for Excel
$
Best laptop for Solidworks
$
Best laptop for Roblox
$
Best computer for crypto mining
$
Best laptop for Sims 4
$
Latest questions
NUMPYNUMPY
psycopg2: insert multiple rows with one query
12 answers
NUMPYNUMPY
How to convert Nonetype to int or string?
12 answers
NUMPYNUMPY
How to specify multiple return types using type-hints
12 answers
NUMPYNUMPY
Javascript Error: IPython is not defined in JupyterLab
12 answers
Wiki
Python OpenCV | cv2.putText () method
numpy.arctan2 () in Python
Python | os.path.realpath () method
Python OpenCV | cv2.circle () method
Python OpenCV cv2.cvtColor () method
Python - Move item to the end of the list
time.perf_counter () function in Python
Check if one list is a subset of another in Python
Python os.path.join () method