Skip to main content
2 de 2
Confundí el problema, se deben usar expresiones regulares para obtener datos de la cadena
Triby
  • 25.2k
  • 3
  • 18
  • 36

Usando esta expresión regular /\[[a-zA-Z]+\]/g:

  • \[ - Corchete de apertura
  • [a-zA-Z]+ - Una o más letras, minúsculas o mayúsculas
  • \] - Corchete de cierre
  • El modificador g es para buscar en toda la cadena, si se omite, solo va a encontrar una

Con .matchAll() obtienes todas las coincidencias. Recorres cada coincidencia para verificar si existe en el objeto y asignar el valor de remplazo.

function template(str, obj = {}) {
    // Crear expresión regular
    let regEx = /\[[a-zA-Z]+\]/g;
    // Obtener todas las coincidencias en un arreglo
    let matches = [...str.matchAll(regEx)];
    // Recorrer coincidencias
    matches.forEach(match => {
        // Cada coincidencia es un arreglo con una cadena. Ej ["[nombre]"]
        // Tomar elemento y eliminar corchetes
        let property = match[0].substr(1, match[0].length - 2);
        // Obtener valor a asignar si existe en el objeto, de lo contrario, undefined
        let value = (obj.hasOwnProperty(property)) ? obj[property] : 'undefined';
        // Aplicar remplazo para esta coincidencia
        str = str.replace(`[${property}]`, value);
    });
    return str;
}

console.log(template("Hola [nombre]", { nombre: "German" }));
console.log(template("Hola [nombre], tu saldo es [saldo]", { nombre: "German", saldo: 12000 }));
console.log(template("Hola mundo", {}));
console.log(template("Hola [nombre]", {}));

Triby
  • 25.2k
  • 3
  • 18
  • 36