Skip to main content
Publicación recuperada por Triby
Confundí el problema, se deben usar expresiones regulares para obtener datos de la cadena
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

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]", {}));

Puedes tomar el objeto y crear un arreglo donde cada elemento consiste en [propiedad, valor] con Object.entries(), recorrer con .forEach() y realizar el remplazo.

Usa plantilla de texto para crear el formato deseado [propiedad], sin tener que recurrir a expresiones regulares.

function template(str, obj = {}) {
    Object.entries(obj).forEach(([entry, value]) => {
        str = str.replace(`[${entry}]`, 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", {}));

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]", {}));

Publicación eliminada por Triby
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

Puedes tomar el objeto y crear un arreglo donde cada elemento consiste en [propiedad, valor] con Object.entries(), recorrer con .forEach() y realizar el remplazo.

Usa plantilla de texto para crear el formato deseado [propiedad], sin tener que recurrir a expresiones regulares.

function template(str, obj = {}) {
    Object.entries(obj).forEach(([entry, value]) => {
        str = str.replace(`[${entry}]`, 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", {}));