Puedes tomar el objeto y crear un arreglo donde cada elemento consiste enUsando esta expresión regular [propiedad, valor]/\[[a-zA-Z]+\]/g
con Object.entries(), recorrer con .forEach() y realizar el remplazo.:
\[
- 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
UsaCon plantilla de texto.matchAll() obtienes todas las coincidencias. Recorres cada coincidencia para crear el formato deseadoverificar si [propiedad]
, sin tener que recurrir a expresiones regularesexiste en el objeto y asignar el valor de remplazo.
function template(str, obj = {}) {
Object// Crear expresión regular
let regEx = /\[[a-zA-Z]+\]/g;
// Obtener todas las coincidencias en un arreglo
let matches = [.entries..str.matchAll(objregEx)];
// 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([entry1, value]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(`[${entryproperty}]`, 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]", {}));