Tengo un objeto de texto sin formato. También tengo una variedad de objetos. En esa matriz de objetos, cada objeto contiene claves de desplazamiento y longitud.
Quiero recorrer mi cadena de texto sin formato, insertar las palabras adecuadas en la cadena en ciertos desplazamientos y luego devolver esa cadena.
Aquí está mi código a continuación
const plainText = "Hey name your food is ready, , your food has your name on it"salida esperada a continuación
mergeValues = [ {message: "Hey Keith your salmon is ready, your food has your name on it"}, {message: "Hey Kelly your pizza is ready, your food has your name on it"}, {message: "Hey Ed your hamburger is ready, your food has your name on it"}, {message: "Hey Shelby your sushi is ready, your food has your name on it"} ] const people = [ { name: "keith", food: "salmon"}, { name: "kelly", food: "pizza"}, { name: "ed", food: "hamburger"}, { name: "shelby", food: "sushi"} ] const locations = [ {offset: 4, length: 4, field: 'name'}, {offset: 13, length: 4, field: 'food'} ]Aquí estoy mapeando personas, creando un objeto, luego ejecutando forEach en ubicaciones y finalmente devolviendo ese objeto al mapa para permitir que se ejecute nuevamente en la siguiente persona en la matriz de personas. Estoy bastante seguro de que mi problema principal es que estoy reescribiendo sobre el objeto cada vez en el bucle forEach en lugar de modificar la cadena, guardar ese valor, luego modificar esa cadena nuevamente, guardar el valor, etc.
const mergeValues = people.map((person) => { const messageObj = {message: ""}; locations.forEach((location) => { if(Object.keys(person).includes(location.field)) { messageObj.message = plainText.substring(0, location.offset + 1) + person[location.field] + plainText.substring(location.length + location.offset + 1, plainText.length) } }) return messageObjSi puede cambiar la cadena de texto sin formato para usar variables personalizadas, puede crear su propia función para llenar esas variables usando expresiones regulares
const template = "Hey {name} your {food} is ready, your food has your name on it"; const variables = [ { name: "keith", food: "salmon" }, { name: "kelly", food: "pizza" }, { name: "ed", food: "hamburger" }, { name: "shelby", food: "sushi" } ]; function renderTemplate(template, variables) { let result = template; for (let [key, value] of Object.entries(variables)) { result = result.replace(new RegExp(`{${key}}`, "g"), value); } return result; } const results = variables.map((variableValues) => renderTemplate(template, variableValues) ); console.log(results); Con este enfoque, incluso puede colocar la misma variable en varios lugares, controla la ubicación de la variable utilizando su propia sintaxis ( {varName} en este caso).
Menos complejidad, no necesita contar posiciones, ese enfoque hará que agregar nuevas variables sea más difícil.
const template = "Hey {name} your {food} is ready, your food has your name on it - {name}"compilará a
"Hey Keith your salmon is ready, your food has your name on it - Keith" simplemente agregando {name} a la plantilla
CodeSandbox: https://codesandbox.io/s/loving-cherry-jnwt5s?file=/src/index.js
Su solución es bastante compleja, intente con String.replace, así:
const mergeValues = people.map((person) => { const messageObj = {message: plainText}; for(const key in person){ messageObj.message = messageObj.message.replace(key, person[key]) } return messageObj })Simplemente puede usar map , reduce y replace para lograr el resultado como:
const plainText = 'Hey name your food is ready'; const people = [ { name: 'keith', food: 'salmon' }, { name: 'kelly', food: 'pizza' }, { name: 'ed', food: 'hamburger' }, { name: 'shelby', food: 'sushi' }, ]; const locations = [ { offset: 4, length: 4, field: 'name' }, { offset: 14, length: 4, field: 'food' }, ]; const mergeValues = people.map((person) => { return locations.reduce((acc, { field }) => { return acc.replace(field, person[field]); }, plainText); }); console.log(mergeValues);