Usando En Javascript

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.

JavaScript String Contiene

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:

JavaScript Try Catch

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:

JavaScript If Else

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:

JavaScript Onclick

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.

Matriz de ordenaciòn de JavaScript

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.

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.

JavaScript para cada uno

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:

Funciones de JavaScript

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.

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:

JavaScript Let

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.

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:

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ì.