JavaScript es uno de los lenguajes más populares que puedes aprender. Cuando comencé a aprender JavaScript, siempre buscaba fragmentos de código en StackOverflow, medium y otros blogs. En este artículo, compartiré 15 fragmentos de código JavaScript que he encontrado útiles.
1. Repetir una secuencia sin bucles
Este fragmento de JS mostrará cómo repetir una cadena sin usar ningún bucle. Usaremos el método integrado de JS repeat() pasándole un número que actuará como la cantidad de veces que necesita hacer un bucle.
//Old Method
for(var i = 0; i<5; i++)
{
console.log("") //
}
// Best Method
console.log("".repeat(5)) //2. La diferencia entre arreglos
Otro gran fragmento para que se destaque en una matriz. Esto es útil cuando se trata de una matriz larga y desea ver cómo esa matriz es similar o diferente. El siguiente código de muestra mejorará su comprensión, puede usar este código libremente en sus proyectos JS.
//Code Example
function ArrayDiff(a, b){
const setX = new Set(a)
const setY = new Set(b)
return [
...a.filter(x=>!setY.has(x)),
...b.filter(x=>!setX.has(x))
]
}
const Array1 = [1, 2, 3];
const Array2 = [1, 2, 3, 4, 5];
console.log(ArrayDiff(Array1, Array2)) // [4, 5]3. Si String es Json
Este fragmento de código es útil cuando necesita verificar si los datos son una cadena o JSON. Suponiendo que obtenga una respuesta del lado del servidor y analice esos datos, debe verificar si es JSON o una cadena. Verifique el fragmento de código a continuación.
//Code Example
function isJSON(str)
{
try
{
JSON.parse(str)
}
catch
{
return false
}
return true
}
var str = "JavaScript"
console.log(isJSON(str)) //false4. Console.log corto
¿Cansado de escribir console.log() una y otra vez? No se preocupe, este fragmento le ahorrará mucho tiempo escribiendo consolas.log() largas.
var cl = console.log.bind(document)
cl(345)
cl("JAVASCRIPT")
cl("PROGRAMMING")
<--Give it a try!-->5. Reemplace todo
Este fragmento de código le mostrará cómo reemplazar palabras en una cadena sin iterar sobre cada palabra, emparejarla y colocar la nueva palabra. El fragmento de código a continuación usa el método replaceAll (Target Word, New Word).
//Code Example
var str = "Python is a Programming Language, Python is a top programming language and favourite of every developer"
str = str.replaceAll("Python", "JavaScript")
console.log(str) // JavaScript is a Programming Language, JavaScript 5is a top programming language and favourite of every developer6. Matriz de número a número
Este fragmento de código es muy útil para convertir un número en una matriz de números. Usando el operador de propagación con el mapa podemos hacer esto en un segundo. intentar:
//example code
const NumberToArray = number => [...`${number}`].map(i => parseInt(i));
console.log(NumberToArray(86734)) //[8,6,7,3,4]
console.log(NumberToArray(1234)) //[1,2,3,4]
console.log(NumberToArray(9000)) //[9,0,0,0]7. Número a Binario
Este fragmento de código simplemente convertirá el número a binario usando el método toString(). Eche un vistazo al ejemplo de código a continuación.
var n1 = 500
console.log(n1.toString(2)) // 111110100
var n2 = 4
console.log(n2.toString(2)) // 100
var n3 = 5004
console.log(n3.toString(2)) // 10011100011008. Eliminar un elemento de una matriz
Este fragmento de código es útil cuando necesita eliminar un elemento de una matriz. En el siguiente ejemplo de fragmento de código, hemos utilizado el método integrado array.slice().
const DropElement = (array, num = 1) => array.slice(num);
console.log(DropElement([2,45,6,7],2)) //[6, 7]
console.log(DropElement([2,45,6,7],1)) //[45, 6, 7]9. Invertir una cadena
Ahora no necesita recorrer la cuerda para invertirla. Este fragmento de código mostrará cómo invertir una cadena utilizando el operador de propagación (...) y la función inversa(). Esto es útil cuando se invierten cadenas grandes, para lo cual se necesita un fragmento de código rápido. Compruebe el ejemplo de código a continuación.
//example code
function Reverse(str){
return [...str].reverse().join('');
}
console.log(Reverse("data")) //atad
console.log(Reverse("Code")) //edoC10. Aplane la matriz de profundidad
Aplanar una matriz es el proceso de convertir cualquier matriz ordenada y bidimensional en una matriz unidimensional. En resumen, reduce la dimensionalidad de la matriz. Ha visto el fragmento de código "aplanar matriz", pero ¿qué pasa con aplanar profundamente una matriz? Este fragmento de código es útil cuando tiene una gran matriz ordenada y el aplanamiento normal no funciona en ella. Para esto, necesitas una nivelación profunda.
//example code
function DeepFlat(array)
{
return [].concat(...array.map(value=> (Array.isArray(value) ? DeepFlat(value) : value)));
}
console.log(DeepFlat([1,[2,[4,6,6,[9]],0,],1])) // [1, 2, 4, 6, 6, 9, 0, 1]11. Calcular el tamaño de bytes
Todo programador quiere que sus programas JavaScript sean eficientes y funcionen bien. Para hacer esto, debemos asegurarnos de tener datos de cierto tamaño sin sobrecargar la memoria. Consulte el fragmento de código a continuación para ver cómo verificar los bytes de cualquier dato.
// byte size calculation
const ByteSize = string => new Blob([string]).size;
console.log(ByteSize("Codding")) // 7
console.log(ByteSize(true)) // 4
console.log(ByteSize("")) // 412. Matriz a CSV
CSV es una hoja de cálculo ampliamente utilizada hoy en día, puede convertir una matriz a CSV usando un fragmento de código simple como se muestra a continuación.
// Code Example
const ArrayToCsv= (array, delimiter =',')=> array.map(value => value.map(num => `"${num}"`).join(delimiter)).join('\n');
console.log(ArrayToCsv([['name', 'age'], ['haider', '22'], ['Peter', '23']]))
// Output
// "name","age"
// "haider","22"
// "Peter","23"13. El último elemento de la matriz.
Ahora ya no necesita iterar o hacer un bucle en toda la matriz y extraer el último elemento. Puede hacer lo mismo con el fragmento de código simple a continuación.
//code example
const LastElement = array => array[array.length - 1];
console.log(LastElement([2,3,4])) // 4
console.log(LastElement([2,3,4,5])) // 5
console.log(LastElement([2,3])) // 3Finalizar
Debido al espacio limitado del artículo, el contenido de hoy se compartirá aquí. Al final del artículo, me gustaría recordarle que la creación de artículos no es fácil. Si le gusta que comparta, no olvide dale me gusta y reenvíalo, para que más gente necesitada lo vea. Al mismo tiempo, si desea obtener más conocimiento de la tecnología front-end, síganos, su apoyo será la mayor motivación para compartir. Seguiré publicando más contenido, así que estad atentos.