Playground: construye URLs a partir de strings

Cursos Empresas Blog Live Conf Precios

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

Playground: construye URLs a partir de strings

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();}

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