7.4 KiB
7.4 KiB
title | localeTitle |
---|---|
Convert HTML Entities | Convertir entidades HTML |
Recuerda usar Read-Search-Ask
si te atascas. Tratar de emparejar el programa y escribe tu propio código
Explicación del problema:
- Debe crear un programa que convierta las entidades HTML de una cadena a sus entidades HTML correspondientes. Solo hay unos pocos para que puedas usar diferentes métodos.
Sugerencia: 1
- Puedes usar expresiones regulares, pero en este caso no lo hice.
intenta resolver el problema ahora
Sugerencia: 2
- Usted se beneficiará de un gráfico con todas las entidades html para que sepa cuáles son las correctas para colocar.
intenta resolver el problema ahora
Sugerencia: 3
- Debe separar la cadena y trabajar con cada carácter para convertir los correctos y luego unir todo de nuevo.
intenta resolver el problema ahora
¡Alerta de spoiler!
¡Solución por delante!
Solución de código básico:
function convertHTML(str) {
// Split by character to avoid problems.
var temp = str.split('');
// Since we are only checking for a few HTML elements I used a switch
for (var i = 0; i < temp.length; i++) {
switch (temp[i]) {
case '<':
temp[i] = '<';
break;
case '&':
temp[i] = '&';
break;
case '>':
temp[i] = '>';
break;
case '"':
temp[i] = '"';
break;
case "'":
temp[i] = "'";
break;
}
}
temp = temp.join('');
return temp;
}
//test here
convertHTML("Dolce & Gabbana");
Explicación del código:
Explica la solución aquí y agrega cualquier enlace relevante.
Enlaces relevantes
Solución de código intermedio:
function convertHTML(str) {
//Chaining of replace method with different arguments
str = str.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,"'");
return str;
}
// test here
convertHTML("Dolce & Gabbana");
Explicación del código:
Explica la solución aquí y agrega cualquier enlace relevante.
Enlaces relevantes
Solución avanzada de código:
function convertHTML(str) {
// Use Object Lookup to declare as many HTML entities as needed.
const htmlEntities={
'&':'&',
'<':'<',
'>':'>',
'"':'"',
'\'':"'"
};
//Use map function to return a filtered str with all entities changed automatically.
return str.split('').map(entity => htmlEntities[entity] || entity).join('');
}
// test here
convertHTML("Dolce & Gabbana");
Explicación del código:
- Cree un objeto para usar la funcionalidad de búsqueda para encontrar fácilmente los caracteres.
- Divida la cadena original por caracteres y use el mapa para verificar la entidad html modificada o use la misma. Alternativamente, puede usar Regex
str.replace(/&|<|>|"|'/gi
. - Se agrega la función a, que es lo que devuelve la entidad convertida o la original si no hay conversión. Si sigues la ruta regular, solo tienes que devolver los hits emparejados.
return html[entity];
- Por último nos unimos a todos los personajes una vez más.
Tenga en cuenta que si tomó la ruta de expresiones regulares, entonces no necesita unirse a nada, solo asegúrese de devolver toda la operación o de guardarla en una variable y luego devolverla.
Enlaces relevantes
NOTAS PARA LAS CONTRIBUCIONES:
- NO agregue soluciones que sean similares a las soluciones existentes. Si cree que es similar pero mejor , intente fusionar (o reemplazar) la solución similar existente.
- Agregue una explicación de su solución.
- Categorice la solución en una de las siguientes categorías: Básica , Intermedia y Avanzada .
- Agregue su nombre de usuario solo si ha agregado algún contenido principal relevante . ( NO elimine ningún nombre de usuario existente )
Ver
Wiki Challenge Solution Template
para referencia.