jueves, 29 de junio de 2023

100+ fragmentos (Snippets) de JavaScript para principiantes

En este artículo, exploraremos algunos ejemplos de fragmentos de código en JavaScript para ayudarte a comprender mejor este lenguaje de programación tan popular. JavaScript es un lenguaje versátil y poderoso que se utiliza ampliamente en el desarrollo web, permitiendo crear interactividad y dinamismo en las páginas. 

 



1. all

Este fragmento de código devuelve true si la función de predicado devuelve true para todos los elementos de una colección y false de lo contrario. Puede omitir el segundo argumento fn si desea utilizar Boolean como valor predeterminado.

 

2. allEqual

Este fragmento comprueba si todos los elementos de la matriz son iguales.

 


3. approximatelyEqual

Este fragmento comprueba si dos números son aproximadamente iguales entre sí, con una pequeña diferencia.

 


4. arrayToCSV

Este fragmento convierte los elementos que no tienen comas ni comillas dobles en cadenas con valores separados por comas.

 


5. arrayToHtmlList

 Este fragmento convierte los elementos de una matriz en etiquetas `` y las agrega a la lista del ID dado.

 


6. attempt

 Este fragmento ejecuta una función y devuelve el resultado o el objeto de error capturado.

 


7. average

 Este fragmento de código devuelve el promedio de dos o más valores numéricos.

 


8. averageBy

Este fragmento de código devuelve el promedio de una matriz después de realizar inicialmente la asignación de cada elemento a un valor mediante una función determinada.

 


9. bifurcate

Este fragmento divide los valores en dos grupos y luego coloca un elemento de verdad de filter en el primer grupo y, de lo contrario, en el segundo grupo. Puede usar Array.prototype.reduce() y Array.prototype.push() para agregar elementos a grupos basados en filter.

 


10. bifurcateBy

Este fragmento divide los valores en dos grupos, en función de una función de predicado. Si la función de predicado devuelve un valor verdadero, el elemento se colocará en el primer grupo. De lo contrario, se colocará en el segundo grupo. Puede usar Array.prototype.reduce() y Array.prototype.push() para agregar elementos a grupos, según el valor devuelto por fn para cada elemento

 



11. bottomVisible

 Este fragmento comprueba si la parte inferior de una página es visible.

 


12. byteSize

 Este fragmento de código devuelve la longitud de una cadena en bytes.

 


13. capitalize

 Este fragmento escribe en mayúscula la primera letra de una cadena.

 


14. capitalizeEveryWord

 Este fragmento escribe en mayúscula la primera letra de cada palabra en una cadena dada.

 



15. castArray

 Este fragmento convierte un valor que no es de matriz en una matriz.

 


16. compact

 Este fragmento elimina los valores falsos de una matriz.

 



17. countOccurrences

 Este fragmento cuenta las ocurrencias de un valor en una matriz.

 



18. Create Directory

 Este fragmento usa existsSync() para verificar si existe un directorio y luego mkdirSync() para crearlo si no existe.

 



19. currentURL

 Este fragmento de código devuelve la URL actual.

 



20. dayOfYear

 Este fragmento obtiene el día del año de un objeto Date.

 



21. decapitalize

 Este fragmento convierte la primera letra de una cadena en minúsculas.

 



22. deepFlatten

 Este fragmento aplana una matriz recursivamente.

 



23. default

 Este fragmento asigna valores predeterminados para todas las propiedades en un objeto que son indefinidas.

 



24. defer

 Este fragmento retrasa la ejecución de una función hasta que se borre la pila de llamadas actual.

 



25. degreesToRads

 Este fragmento de código se puede utilizar para convertir un valor de grados a radianes.

 



26. difference

 Este fragmento encuentra la diferencia entre dos matrices.

 



27. differenceBy

Este método devuelve la diferencia entre dos matrices, después de aplicar una función dada a cada elemento de ambas listas.

 



28. differenceWith

 Este fragmento elimina los valores para los que la función de comparación devuelve falso.

 



29. digitize

 Este fragmento obtiene un número como entrada y devuelve una matriz de sus dígitos.

 



30. distance

 Este fragmento de código devuelve la distancia entre dos puntos mediante el cálculo de la distancia euclidiana.

 



31. Drop Elements

 Este fragmento de código devuelve una nueva matriz con elementos n eliminados de la izquierda.

 



32. dropRight

 Este fragmento de código devuelve una nueva matriz con elementos n eliminados de la derecha.

 



33. dropRightWhile

 Este fragmento elimina elementos del lado derecho de una matriz hasta que la función pasada devuelve true.

 



34. dropWhile

 Este fragmento elimina elementos de una matriz hasta que la función pasada devuelve true.

 



35. elementContains

 Este fragmento comprueba si el elemento principal contiene el elemento secundario.

 



36. Filter Duplicate Elements

 Este fragmento elimina los valores duplicados en una matriz.

 



37. findKey

 Este fragmento de código devuelve la primera clave que cumple una función determinada.

 



38. findLast

 Este fragmento de código devuelve el último elemento para el que una función dada devuelve un valor verdadero.

 



39. flatten

Este fragmento aplana una matriz hasta una profundidad específica mediante recursividad.

 



40. forEachRight

Este fragmento ejecuta una función para cada elemento de una matriz a partir del último elemento de la matriz.

 



41. forOwn

 Este fragmento itera en cada propiedad de un objeto e itera una devolución de llamada para cada uno respectivamente.

 



42. functionName

 Este fragmento imprime el nombre de una función en la consola.

 



43. Get Time From Date

Este fragmento se puede usar para obtener la hora de un objeto Date como una cadena.

 



44. Get Days Between Dates

 Este fragmento se puede usar para encontrar la diferencia en días entre dos fechas.

 



45. getStyle

 Este fragmento se puede usar para obtener el valor de una regla CSS para un elemento en particular.

 



46. getType

 Este fragmento se puede utilizar para obtener el tipo de un valor.

 



47. hasClass

Este fragmento comprueba si un elemento tiene una clase particular.

 



48. head

Este fragmento de código devuelve el encabezado de una lista.

 



49. hide

Este fragmento se puede utilizar para ocultar todos los elementos especificados.

 



50. httpsRedirect

 Este fragmento se puede usar para redirigir de HTTP a HTTPS en un dominio en particular.

 



51. indexOfAll

Este fragmento se puede usar para obtener todos los índices de un valor en una matriz, que devuelve una matriz vacía, en caso de que este valor no esté incluido en ella.

 



52. initial

Este fragmento de código devuelve todos los elementos de una matriz excepto el último.

 



53. insertAfter

Este fragmento se puede usar para insertar una cadena HTML después del final de un elemento en particular.

 



54. insertBefore

 Este fragmento se puede usar para insertar una cadena HTML antes de un elemento en particular.

 



55. intersection

 Este fragmento se puede usar para obtener una matriz con elementos que se incluyen en otras dos matrices.

 



56. intersectionBy

 Este fragmento se puede usar para devolver una lista de elementos que existen en ambas matrices, después de que se haya ejecutado una función particular para cada elemento de ambas matrices.

 



57. intersectionWith

 Este fragmento se puede usar para devolver una lista de elementos que existen en ambas matrices mediante una función de comparación.

 



58. is

 Este fragmento se puede usar para verificar si un valor es de un tipo particular.

 



59. isAfterDate

 Este fragmento se puede utilizar para comprobar si una fecha es posterior a otra fecha.

 



60. isAnagram

Este fragmento se puede usar para verificar si una cadena en particular es un anagrama con otra cadena.

 



61. isArrayLike

 Este fragmento se puede usar para verificar si un argumento proporcionado es iterable como una matriz.

 



62. isBeforeDate

Este fragmento se puede utilizar para comprobar si una fecha es anterior a otra fecha.

 



63. isBoolean

 Este fragmento se puede utilizar para comprobar si un argumento es booleano.

 



64. isBrowser

 Este fragmento se puede utilizar para determinar si el entorno de tiempo de ejecución actual es un navegador. Esto es útil para evitar errores al ejecutar módulos front-end en el servidor (Nodo).

 



65. isBrowserTabFocused

 Este fragmento se puede usar para determinar si la pestaña del navegador está enfocada.

 



66. isLowerCase

 Este fragmento se puede utilizar para determinar si una cadena está en minúsculas.

 



67. isNil

Este fragmento se puede usar para verificar si un valor es null o undefined.

 



68. isNull

 Este fragmento se puede usar para verificar si un valor es null.

 



69. isNumber

 Este fragmento se puede utilizar para comprobar si un valor proporcionado es un número.

 



70. isObject

 Este fragmento se puede utilizar para comprobar si un valor proporcionado es un objeto. Utiliza el constructor de objetos para crear un contenedor de objetos para el valor dado. Si ya es un objeto, se devolverá un tipo de objeto que corresponda al valor dado. De lo contrario, se devolverá un nuevo objeto.

 



71. isObjectLike

 Este fragmento se puede usar para verificar si un valor no es null y si typeof es "objeto".

 



72. isPlainObject

 Este fragmento comprueba si un valor es un objeto creado por el constructor de objetos.

 



73. isPromiseLike

 Este fragmento comprueba si un objeto parece una Promesa.

 



74. isSameDate

 Este fragmento se puede utilizar para comprobar si dos fechas son iguales.

 



75. isString

Este fragmento se puede utilizar para comprobar si un argumento es una cadena.

 



76. isSymbol

 Este fragmento se puede utilizar para comprobar si un argumento es un símbolo.

 

77. isUndefined

Este fragmento se puede usar para verificar si un valor es indefinido.

 



78. isValidJSON

Este fragmento se puede usar para verificar si una cadena es un JSON válido.

 



79. last

 Este fragmento de código devuelve el último elemento de una matriz

 



80. matches

Este fragmento compara dos objetos para determinar si el primero contiene los mismos valores de propiedad que el segundo.

 



81. maxDate

Este fragmento se puede utilizar para obtener la fecha más reciente.

 



82. maxN

Este fragmento de código devuelve los n elementos más grandes de una lista. Si n es mayor o igual que la longitud de la lista, devolverá la lista original (ordenada en orden descendente).

 



83. minDate

Este fragmento se puede utilizar para obtener la fecha más antigua.

 



84. minN

Este fragmento de código devuelve los n elementos más pequeños de una lista. Si n es mayor o igual que la longitud de la lista, devolverá la lista original (ordenada en orden ascendente).

 



85. negate

 Este fragmento se puede usar para aplicar el operador not (!) a una función de predicado con sus argumentos.

 



86. nodeListToArray

Este fragmento se puede usar para convertir nodeList en una matriz.

 



 87. pad

 Este fragmento se puede usar para rellenar una cadena en ambos lados con un carácter específico si es más corto que la longitud especificada.

 



88. radsToDegrees

 Este fragmento se puede utilizar para convertir un ángulo de radianes a grados.

 


89. Random Hexadecimal Color Code

 Este fragmento se puede utilizar para generar un código de color hexadecimal aleatorio.

 


90. randomIntArrayInRange

Este fragmento se puede usar para generar una matriz con n números enteros aleatorios en un rango específico.

 



91. randomIntegerInRange

 Este fragmento se puede usar para generar un número entero aleatorio en un rango específico.

 



92. randomNumberInRange

 Este fragmento se puede usar para devolver un número aleatorio en un rango específico.

 



93. readFileLines

Este fragmento se puede usar para leer un archivo al obtener una matriz de líneas de un archivo

 



94. Redirect to a URL

Este fragmento se puede usar para hacer una redirección a una URL específica.

 



95. reverse

Este fragmento se puede utilizar para invertir una cadena.

 



96. round

Este fragmento se puede usar para redondear un número a un número específico de dígitos.

 



97. runPromisesInSeries

 Este fragmento se puede usar para ejecutar una serie de promesas en serie.

 



98. sample

Este fragmento se puede usar para obtener un número aleatorio de una matriz.

 



99. sampleSize

 Este fragmento se puede usar para obtener n elementos aleatorios desde posiciones únicas de una matriz hasta el tamaño de la matriz. Los elementos de la matriz se mezclan mediante el [algoritmo Fisher-Yates](https://morioh.com/redirect?l=https%3A%2F%2Fgithub.com%2F30-seconds%2F30-seconds-of-code%23aleatorio)

 



100. findKey

 Este fragmento de código devuelve la primera clave que cumple una función determinada.

 



101. findLast

 Este fragmento de código devuelve el último elemento para el que una función dada devuelve un valor verdadero.

 


102. flatten

 Este fragmento aplana una matriz hasta una profundidad específica mediante recursividad.

 


103. forOwn

 Este fragmento itera en cada opiedad de un objeto e itera una devolución de llamada para cada uno respectivamente.

 


104. functionName

Este fragmento imprime el nombre de una función en la consola.

 


¡¡Gracias por leer!! Espero les sea de utilidad

 


0 comments:

Publicar un comentario