Playground: construye URLs a partir de strings

Clase 21 de 28 • Curso de Manipulación de Arrays en JavaScript

Contenido del curso

Introducción

1
Manipulación de Arrays en JavaScript para Desarrollo Full Stack
01:39 min

Fundamentos del manejo de arrays

Métodos en JavaScript

Despedida

28
Manipulación de Rides con JavaScript
00:38 min

Tomar examen

Resumen

Completa el desafío con los conocimientos adquiridos e implementa el método split() en tu solución.

Comentarios

Jose Luis Quintero Sánchez

student•

Como curiosidad también se puede resolver con el método de Strings replaceAll:

function solution(title) {
	return title.replaceAll(" ", "-").toLowerCase();
};

Nicolas Cardona

student•

Esa función está disponible para Nodejs version 15 o mayores Una forma es usando una expresión regular

title.replace(/ /g, '-')

luis fernando troncoso montes

student•

Escelete, la mejor

Mariel Gonzalez Yescas

student•

function solution(title) {
 	// Tu código aquí 👈 
	return title.split(' ').join('-').toLowerCase();
};

Manuel Roberto Miranda Tavitas

student•

Por favor dejen de poner sus soluciones aquí, le quitan todo el sentido a los desafíos y en todo caso deberíamos poder ocultar esta sección de comentarios @teamPlatzi

Eduardo Diaz

student•

Algunos aprendemos de los demàs, incluso desarrolladores profesionales nos interesa ver diferentes rutas o formas de optimizar código :)

Fernando Orozco Velasquez

student•

Es cuestión de acostumbrarse y ser firme en no ver las respuestas hasta completar nosotros el reto...

emanuel jesus urquiola amaro

student•

🤖 Lo hice asi para que; aunque sea mas largo, se vea mas legible y ordenado

function solution(title) {
	return title
				.split(" ")
				.join("-")
				.toLowerCase()
};

Olga Lucia Moreno Rojas

student•

export function parseToURL(title) {
  return title.split(" ").join("-").toLowerCase()
}

Ulqernesh Karvenae

student•

Spoilers .

export function parseToURL(title) {
  return title.split(' ').join('-').toLowerCase()
}

Carlos Florez

student•

function solution(title) {
	let result =
		title
			.split(' ')
			.join('-')
			.toLowerCase();
			
	return result;
};

Natalia Gallego Heras

student•

Sé que el resultado va a ser el mismo, pero un compañero lo ha resuelto escribiendo toLowerCase() primero en lugar de al final y en mi cabeza tiene más sentido así, spliteas y jointeas un string que ya está en minúsculas.

No dejen de poner sus soluciones, cuando lo resuelvo aprendo muchísimo leyendo los comentarios 🔥

Santiago Rodriguez Chaves

student•

estoy aprendiendo mucho con estos playgrounds

Anthony Utrera

student•

export function parseToURL(title) {
  let url = title.split(' ').join('-').toLowerCase();
  return url;
}

Cristhian Mauricio Yara Pardo

student•

Otra opción usando replace:

export function parseToURL(title) {
  return title.replace(/\s+/g, '-').toLowerCase();
}

con respecto a la expresión regular:

\s: Coincide con cualquier espacio en blanco (espacio, tab, nueva línea)
+: Indica "uno o más" del patrón anterior
g: Bandera global (reemplaza todas las ocurrencias, no solo la primera)

Julio Manuel Nieto

student•

export function parseToURL(title) {
  return title.split(' ').join('-').toLowerCase();
}

Camilo Venegas

student•

Fernando Labastida Vázquez

student•

export function parseToURL(title) {
  return title.toLowerCase().split(' ').join('-');
}

OSCAR RICO

student•

nice!

David Hernandez

student•

A medida que se empieza a practicar, se resuelven los ejercicios con mayor finalidad.

Es importante tratar de hacerlo sin ver los comentarios, si hay problemas revisar y mirar las notas propidad que uno tiene, eso ayuda a entender el problema.

export function parseToURL(title) {
  // Tu código aquí 👈
  return title.toLocaleLowerCase().split(' ').join('-')
}

Alejandro de Jesús Reséndiz Olguín

student•

Angel Gabriel Villanueva Gonzales

student•

Good job :)

export function parseToURL(title) {
  return title.split(' ').join('-').toLowerCase();
}

Melisa Barrera

student•

así me quedo

export function parseToURL(title) {
  // Tu código aquí 👈
  return title.split(' ').join('-').toLowerCase()
;
}

```export function parseToURL(title) {  // Tu código aquí 👈  return title.split(' ').join('-').toLowerCase();}

Ciro de Jesus Arrieta Lacouture

student•

playground: En este desafío vas a recibir el título de un artículo y tú debes transformarlo en un formato de URL en donde normalmente se transforma todo en minúscula y se cambian los espacios por un guion (-).

export function parseToURL(title) {
  // Tu código aquí 👈
  return title.split(' ').join('-').toLowerCase()
;
}

```export function parseToURL(title) {  // Tu código aquí 👈  return title.split(' ').join('-').toLowerCase();}

Playground: construye URLs a partir de strings

Introducción

Manipulación de Arrays en JavaScript para Desarrollo Full Stack

Fundamentos del manejo de arrays

Recorrido de Arrays con Foreach en JavaScript

Mutabilidad vs Inmutabilidad en Programación JavaScript

Uso de Map para Transformaciones en JavaScript y Renderizado HTML

Playground: multiplica todos los elementos por dos

Transformaciones avanzadas con map en JavaScript

Playground: calcula y agrega nuevas propiedades a un array

Filtrado de Arrays en JavaScript con el Método Filter

Playground: retorna solo palabras de 4 letras o más

Uso del método reduce en JavaScript para sumar elementos de un array

Contar elementos en un array con reduce y agrupar por rango

Playground: calcula la suma total de elementos en un array

Métodos en JavaScript

Uso de la función "sum" en JavaScript para evaluar condiciones

Playground: ¿al menos 1 de los números es par?

Uso del método `every` en JavaScript para validaciones de arrays

Playground: retorna un booleano si todos los elementos son pares

Uso de los métodos find y findIndex en JavaScript

Uso del método includes en JavaScript para arrays y strings

Playground: buscador de palabras con parámetros de búsqueda

Unificación y separación de arrays con join y split en JavaScript

Playground: construye URLs a partir de strings

Fusión de Arrays con Concat y Operador Spread en JavaScript

Aplanar Arrays en JavaScript con Flat y FlatMap

Uso de FlatMap para Extraer Fechas de Calendarios en JavaScript

Playground: calcula el total de palabras en un texto

Métodos Mutables e Inmutables en Arrays: Manipulación y Búsqueda

Ordenamiento de Arrays con el Método Sort en JavaScript

Despedida

Manipulación de Rides con JavaScript